S
supermanageMay 31, 2019
Hello love all the features and the great support thank you! I have a question, all the header/menus seem to be sticky one way or another.
I have a top links on top of the header, when I scroll the top links hides and the menu sticks, is it possible to hide menu and make top links stick?
I am using this markup:
<div id="top-bar">
<div class="container clearfix">
<div class="col_half fright col_last nobottommargin">
<div class="top-links">
<ul class="sf-js-enabled clearfix">
<li><a href="index.html">Home</a></li>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#logModal" data-toggle="modal">Login</a></li>
</ul>
</div>
</div>
</div>
</div>
<header id="header" class="">
<div id="header-wrap" class="">
<div class="container clearfix">
<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
<div id="logo">
<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/logo.png" alt="Canvas Logo"></a>
<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img src="images/logo@2x.png" alt="Canvas Logo"></a>
</div>
<nav id="primary-menu">
<ul>
<li><a href="index.html"><div>Home</div></a></li>
</ul>
</nav>
</div>
</div>
</header>