Sticky Mobile Nav on Cafe Pro

[Adam Whitaker]

The primary navigation bar in Cafe Pro is sticky on the desktop view. As you scroll down the page, the navigation docks to the top of the screen.

I understand that some may not like the feature of the nav bar docking at the top of the screen due to the limited screen space on mobile. However, in this instance, I am looking to accomplish just that.

Is there a way to make the navigation bar sticky on mobile devices?

[rfmeier]

Adam,

To make the navigation bar stick on mobile as it does desktop, you will need to edit your style.css file;

or, if you want it at the very top, change you style.css like below;

https://gist.github.com/rfmeier/0e586532461e1ca35242

---

Ryan Meier – Twitter

[rfmeier]

Also, if you just want it at the very top, you can edit you style.css file as follows;

https://gist.github.com/rfmeier/0e586532461e1ca35242

---

Ryan Meier – Twitter

[cindyjw]

That code works great except that Centric Pro snaps back to close on top where the menu on Cafe Pro with your code leaves the menu open covering up the content so then I have to touch the menu again to close it. Is there something to add to make the menu close once you choose a menu item?

[Author]

Posts