- This topic has 3 replies, 3 voices, and was last updated 8 years, 8 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
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?
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;
Also, if you just want it at the very top, you can edit you style.css file as follows;
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?
© 2023 WPEngine, Inc.