grzanieplus.pl/apps/frontend/templates/theme/mojszablon/_header.html

<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<div class="container">
  <div id="header" class="clearfix">
    <div id="icons">
      <a href="/basket/index" id="nav-button-shopping-cart" class="btn empty">
        <span class="glyphicon glyphicon-shopping-cart"></span>
        <small class="quantity"></small>
      </a>
      {if !$sf_user->isAuthenticated()}
        <a href="{url_for internal='stUser/loginUser' secure=true}" id="nav-button-user" class="hidden-xs btn btn-navbar collapsed">
          <span id="login-status-info" class="glyphicon glyphicon-user"></span>
          <small class="login-status">&nbsp;</small>
        </a>
        <button id="nav-button-user" class="visible-xs btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
          <span id="login-status-info" class="glyphicon glyphicon-user"></span>
          <small class="login-status">&nbsp;</small>
        </button>
      {else}
        <button id="nav-button-user" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
          <span id="login-status-info" class="glyphicon glyphicon-user"></span>
          <small class="login-status">&nbsp;</small>
        </button>
      {/if}
    </div>
    <div class="header-bottom">
      <div id="logo">
        <a href="{$homepage_url}">
          <img src="/images/logo.png" alt="" />
        </a>
      </div>
      <div class="facebook">
        {st_get_component module="stBoxFrontend" component="boxSingle" params="webmaster_id=facebook-top"}
      </div>
      <div id="search">
        {include_file id="_search"}
      </div>
    </div>
  </div>
</div>
<div id="header-navbar-position">
  <div id="header-navbar-outer">
    <div class="container">
      <nav id="header-navbar" class="navbar" role="navigation">
        <div id="logo_small" class="visible-xs">
          <div>
            <a href="{$homepage_url}">
              <img src="{image_path image='logo_small.png'}" alt="" />
            </a>
          </div>
        </div>
        <div id="navbar-buttons" class="btn-group pull-right">
          <!--<button id="nav-button-search" type="button" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-search"  data-parent="#header-navbar">
            <span class="glyphicon glyphicon-search"></span>
          </button>-->
          <!--<button id="nav-button-shopping-cart" class="btn btn-navbar collapsed empty" data-toggle="collapse" data-target="#nav-shopping-cart"  data-parent="#header-navbar">
            <span class="glyphicon glyphicon-shopping-cart"></span>
            <small class="quantity"></small>
          </button>
          {if !$sf_user->isAuthenticated()}
          <a href="{url_for internal='stUser/loginUser' secure=true}" id="nav-button-user" class="hidden-xs btn btn-navbar collapsed">
            <span id="login-status-info" class="glyphicon glyphicon-user"></span>
            <small class="login-status">&nbsp;</small>
          </a>
          <button id="nav-button-user" class="visible-xs btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
            <span id="login-status-info" class="glyphicon glyphicon-user"></span>
            <small class="login-status">&nbsp;</small>
          </button>
          {else}
          <button id="nav-button-user" class="btn btn-navbar collapsed" data-toggle="collapse" data-target="#nav-user" data-parent="#header-navbar">
            <span id="login-status-info" class="glyphicon glyphicon-user"></span>
            <small class="login-status">&nbsp;</small>
          </button>
          {/if}-->
          <button id="nav-button-settings" class="btn btn-navbar hidden-xs collapsed" data-toggle="collapse" data-target="#nav-settings" data-parent="#header-navbar">
            <span class="glyphicon glyphicon-globe"></span>
          </button>
        </div>
        <div class="navbar-header">
          <button id="nav-button-menu" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" data-parent="#header-navbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <!-- Menu -->
        <div id="nav-menu" class="navbar-collapse collapse">
          {st_get_component module="stCategoryTree" component="horizontal"}
        </div>
        <div class="navbar-dropdown">
          <!-- Koszyk -->
          <div id="nav-shopping-cart" class="navbar-collapse collapse">
            {st_get_component module="stBasket" component="show"}
          </div>
          <div id="nav-user" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <!-- Moje konto, Język, Waluta -->
              {st_get_component module="stUser" component="loginStatus"}
            </ul>
          </div>
          {strip}
          <div id="nav-settings" class="hidden-xs navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li class="dropdown">
                {st_get_component module="stLanguageFrontend" component="choose"}
              </li>
              <li class="dropdown">
                {st_get_component module="stCurrencyFrontend" component="pickCurrency"}
              </li>
            </ul>
          </div>
          {/strip}
        </div>
      </nav>
    </div>
  </div>
</div>

{literal}
<script type="text/javascript">
//<![CDATA[
  jQuery(function ($) {
    if ($('#nav-settings  > ul > li:empty').length == 2)
    {
      $('#nav-button-settings').hide();
    }

    var menuHeight = $('#header-navbar-outer').height();

    function menuFix() {

      if ($(window).width() > 768) {

        var scrolled = $(window).scrollTop();
        var menuTop = $('#header-navbar-position').offset().top;

        if (scrolled > menuTop) {
          $('#header-navbar-outer').addClass('navbar-fixed-top');
          $('#header-navbar-position').css('min-height', menuHeight - 1);
        } else if (scrolled < menuTop) {
          $('#header-navbar-outer').removeClass('navbar-fixed-top');
          $('#header-navbar-position').css('min-height', '');
        }
        ;

      }
      ;
    }

    $(document).ready(function () {
      menuFix();
    });
    $(window).scroll(function () {
      menuFix();
    });
    $(window).resize(function () {
      menuFix();
    });


  });
//]]>
</script>
{/literal}