How to make the primary menu bar fixed like the site header bar in minimum pro?

[motivationpedia]

Hello,

I am using Minimum Pro theme on my website, and it offers a feature wherein the site header bar (at the top of the page) stays fixed as someone scrolls the page. I want to include the same feature in the primary menu tab, that is: I want that as soon as someone scrolls the page the menu moves upwards and when it is at the top then it should remain fixed there as the page is scrolled further towards the bottom just like the site header bar remains fixed at the top.

P.S. I have made the site header bar movable so that the menu bar can be made fix at the top when the page is scrolled, but I can't seem to find the line which I am supposed to modify to make the menu bar fixed.

Can anyone help me with this?

Thanks in advance for your help.

http://motivationpedia.com/

[Christoph]

Hi,

did you try the Studiopress tutorial here http://my.studiopress.com/tutorials/sticky-menu/ ?
There are also jQuery plugins, like http://leafo.net/sticky-kit/, or WordPress plugins, like: https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/, that you could try.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts