Sticky Menu on Scroll

everydaymix · February 2019

I would like to top sticky menu on all pages to dispaly only on scroll. Is this possible?

Pablo · February 2019

Hi,

This is how sticky header works on all of the pages.

Just turn on the Sticky Header in the Theme Options > Header & Subheader > Header, scroll down to the bottom of the page and turn on the sticky header option

http://prntscr.com/mkxbfj

Thanks

everydaymix · February 2019

Yes, I have that selected but I don't want the text on the main menu. I want the menu to display ONLY when scrolled. Is this possible?

Bryan · February 2019

Hey,

it is possible to show the menu only on scroll. This would require hiding the main header with simple css and then show the sticky header.

Please send us a link to your website.

thanks

everydaymix · February 2019

here is the link: https://cbdw2005.staging.wpengine.com/

Pablo · February 2019

Hi,

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

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

Thanks

everydaymix · March 2019

this worked but it also hid the main logo and the small sitcky logo. I only want to hide the menu not the logos.

Pablo · March 2019

I've updated the code above.

It will work like you described now.

Thanks

everydaymix · March 2019

the logo is still gapped from the top. How can I move it up?

Pablo · March 2019

I do not understand.

The gap is under the logo, not above.

Did you solve the problem or you want to push that down a little?

Thanks

Sticky Menu on Scroll

Comments