[Resolved] Change configuration of my home menu (principal navegation)

[Michael]

Hi!

I don’t know how to modify my home menu (principal navegation) on mobile.

Currently, I have this configuration:

Left: Logo
Center: Search loupe
Right: Menu

I would like to change it for that configuration:

Left: Menu
Center: Logo
Right: Search

What do I have to do to change it?

Many thanks

Regards!

[Leo]

Hi there,

Can you give this CSS a shot?

@media (max-width: 600px) {
    #site-navigation .navigation-branding, #sticky-navigation .navigation-branding {
        margin: 0;
        position: absolute;
        left: calc( 50% - 25px);
    }
}
.main-navigation.has-branding .menu-toggle, .main-navigation.has-sticky-branding.navigation-stick .menu-toggle {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 20px;
}
.main-navigation .mobile-bar-items {
    margin-left: auto;
}

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

Let me know 🙂

[Michael]

It’s perfect! 🙂

thank you so much!

regards

[Leo]

No problem 🙂

[Author]

Posts