[Support request] Help needed in creating Main Menu just like the one set up on wpshowposts.com.

[Manish]

Hi,

How do I set up the main menu exactly like the one in one of your sites https://wpshowposts.com/.

I know how to set up a sticky menu and the animation used in this case. I want help with:
1. I want the logo/icon at the centre of the menu, other menu items/menu button at the left, and the search icon at the right.
2. In the Desktop mode, the bigger logo is used. When the page is scrolled, the bigger logo is replaced with the smaller logo or mobile icon. Again, exactly the same settings.
3. The Mobile mode always shows the mobile logo/icon (smaller logo). In the mobile mode, the hamburger menu button should be at the left, and search icon at the right.

Thank you.

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

this article will help with that:

https://docs.generatepress.com/article/centering-logo-navigation/

Read through it first as at the end of the article it explains if you’re using the navigation as a header.

And this topic covers the sticky nav logo:

https://generatepress.com/forums/topic/different-logo-on-sticky-nav/#post-844322

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts