Archived topic
Mobile Menu - Change positions
3 replies · Started by Matthias on September 11, 2021
Hi,
I have activated mobile header. Now the shown elements are correct:
Title | Search Icon | Menu
But I would like to have it in that order:
Menu | Title | Search Icon
Menu = left
Title = centered
Search = right
Where can I adjust that?
The site is: https://staging.gpsradler.de/
Thanks for your support
Hi Matthias,
Try this CSS:
#mobile-header .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin-left: 0;
}
#mobile-header.main-navigation.has-branding .menu-toggle {
order: 1;
}
#mobile-header.main-navigation .menu-bar-items {
order: 2;
}
Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Thanks!
Works perfekt.
Great support!
No problem :)