Site logo

Archived topic

Mobile Menu - Change positions

3 replies · Started by Matthias on September 11, 2021

Viewing posts 1–4 of 4

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 :)

This archived topic is closed to new replies.