How to display Sticky Menu only / Hide Fixed Menu

Azonaco · September 2016

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.

Albert · September 2016

Hi,

please send us link to page where you would like to do this first.

Azonaco · September 2016

Thank you for your time.

Albert · September 2016

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.

Azonaco · September 2016

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; }

Albert · September 2016

Ok, sorry, we misunderstood your first question then. However, what you ask for, is not possible then.

Azonaco · September 2016

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.

Albert · September 2016

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.

bigbangcrea · February 2017

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!

Mariomio · July 2018

Yes. Please share this little JS please. Thank you.

vtrangcw · September 2018

please share

thank you

How to display Sticky Menu only / Hide Fixed Menu

Comments