How to display Sticky Menu only / Hide Fixed Menu

Hello,
We would like the top of our website to display sticky menu only, not the fixed menu (which transitions to sticky).

So far we have added:

.menu-main-menu-container { display: none; }
#Top_bar:not(.is-sticky) { display: none !important; }

To hide the fixed menu...can you let us know CSS or files to edit to only show sticky menu?
Even if we have to disable the animation/fade in in the js file, we would greatly appreciate your help.

Comments

  • Hi,

    please send us link to page where you would like to do this first.
  • edited September 2016
    Thank you for your time.
  • Ok, thanks. So to remove regular logo and keep just the sticky header, you supposed to use the following css:
    #Top_bar:not(.is-sticky) { display: none !important; }
    But if your case, it wouldn't work unfortunately because you have lot's of custom JS and CSS. Looks like some modifications were done.
  • Hi, correct me if I'm wrong, but...the following css adder will remove the top bar, but not display sticky until just after you scroll down just a bit?  That's because the js is written to not display until a certain is scrolled.  All we want to do is display the sticky bar permantly, and disable the js that tells it to not appear until scroll.  Is that possible?
    #Top_bar:not(.is-sticky) { display: none !important; }
  • Ok, sorry, we misunderstood your first question then. However, what you ask for, is not possible then.
  • No worries.  I have figured it out, which took a bit of js editing to do.
    BTW, you have a great template and offer great technical support.  The only issue we're having is with the parallax and some complaints with IE and jumpyness, but I think we have that resolved.
  • Thanks for your kind words. About the parallax, we spent many weeks on it and made the best parallax for most kind of browsers. It was very difficult to pick up the right solution because there would be always a browser in which current parallax does not work exactly the same as in other one. But the current we use, is the best one in our opinion and we checked it in most available browsers.
  • Hi Azonaco, can you share the JS you applied to have the sticky remain on screen? It would help me a lot with my site! thanks in advance!
  • Yes. Please share this little JS please. Thank you.
  • please share
    thank you 
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.