Sticky Menu doesn’t work

[Reiner Kuske]

Hi,

I have WordPress 4.5.2 and Pure & Simple 2.0 theme installed. Somehow I can’t get the sticky menu to work. When I select sticky menu, it works in the preview window in the theme customisation screen. However, after saving the sticky menu doesn’t work on the actual site. See: kuske.co.nz

[Sushil Adhikari]

Hi Reiner Kuske,

Thank you for contacting StyledThemes support team.

Sticky menu on your site is working perfectly but it is hiding just behind the top bar (). And also you had made your top bar fixed at the top. Here is the css you have done to make top bar fixed at the top

@media screen and (min-width: 640px) {
#scb-wrapper.scb-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2147483647;
width: 100%;
}
}

So we request you to disable the fixed position of top bar to make sticky menu working.

Let us know if you got any problems on this

Thanks

[Reiner Kuske]

Thank you. You are correct. It works now.

Do you know if there is a way to make the menu sticky just underneath the top bar?

Always the best!

[Sushil Adhikari]

That’s great Reiner.

The css on sticky menu is added using jquery. , you can see that on js/puresimple_customizer.js.

 function navigation_scrolling () {
             $j(".navigation ").css({"position":"fixed", "right":"0px", "left":"0px", "top": "0px","z-index":"9999"});
	}

may be increasing top value on above function may solve your issue.

Note: Please use child theme to customize the above js otherwise you changes will lost on theme update.

Thank you.

[Author]

Posts