-
On mobile would like to display hamburger button on the left side, logo in the center, search button on the right side.
Instead of this:
https://prnt.sc/cEcflkrrL0uCWould like to have this:
https://prnt.sc/70ODTO9D9agUPlease advise.
-
Hi there,
Info is just using a site title.
Can you confirm that you are using a logo instead? The CSS would be a bit different.
-
Yes, using a logo.
-
After this is done: https://generate.support/topic/center-menu-inside-primary-navigation/#post-105961
Then CSS should work:
@media (max-width: 768px) { .main-navigation .inside-navigation .menu-toggle { order: 1; } .main-navigation .inside-navigation .navigation-branding { order: 2; margin-left: auto; margin-right: auto; } .main-navigation .inside-navigation .menu-bar-items { order: 3; } }
Adding CSS: https://docs.generatepress.com/article/adding-css/
-
Since such CSS doesn’t work, noticed that you’ve been referring to my other ticket which is unrelated?
-
I’m assuming that both tickets are referring to the same site so once the solution in the other ticket is completed, the CSS above would work.
I’ve tested it before providing it to you: https://www.screencast.com/t/tdtaFsG8ok
-
Had to change
.main-navigation .inside-navigation .navigation-branding
to.main-navigation .inside-navigation .site-logo
to make it work.Many thanks Leo!
-
No problem 🙂
- You must be logged in to reply to this topic.