[Resolved] Mobile Header Navigation

[Vernon Lees]

Hi Tom

This maybe a dumb question…

Using a primary menu only and the Menu Plus option, when viewing the site in mobile, the menu initially appears above the header logo.

As soon as I start to scroll down the header changes and I get the logo displayed on the left of the header and menu burger on the right.

This is what I would like upon load but I can’t figure out if this is possible to achieve in the standard configuration settings.

Best Regards,

Vern

[Tom]

Not a dumb question! I’ve been thinking about how to work this into an option, as a few others have asked the same thing.

Can you link me to your site possibly?

[Vernon Lees]

Hi Tom

Thanks for getting back.

This is a work in progress but is a good example – http://www.ftsetrader.net/calendar/

I’ve also got the header search enabled on this site.

Best Regards,

Vern

[Tom]

So maybe an option where if your navigation is floating right the mobile menu continues to float right. I think that would make a big difference.

I’ll look into it! 🙂

[Vernon Lees]

Awesome Tom!

[Tom]

Until I have this feature ready, give this CSS a try: https://generatepress.com/forums/topic/mobile-menu-right-and-logo-left/#post-152457

[Vernon Lees]

Hi Tom. Works awesome, thank you!

Just one point of note… it doesn’t work if the navigation search is enabled (side navigation enabled also).

I’ll leave the test link there though for the next couple of days so you can see what I mean.

Don’t sweat it though, the CSS you have given is fine for what I need. 🙂

[Tom]

That’s actually the reason I haven’t added this into the next version yet – issues with the navigation search and the non-slideout mobile menu.

When this does become a feature, I’m not sure navigation search will be compatible with it.

I’ll try to come up with something 🙂

[Vernon Lees]

Thank you for the truly excellent support again btw! 🙂

[Tom]

Happy to help! 🙂

[Tom]

In the next version of GP Premium (1.2.80) and Menu Plus, there’s a “Mobile Header” option which allows you to upload a logo to fit in the navigation bar along with the Menu button.

It basically disables the main header and adds a compact one which should take care of this topic 🙂

[Author]

Posts