Archived topic

Change configuration of my home menu (principal navegation)

3 replies · Started by Michael on July 7, 2019

Viewing posts 1–4 of 4

July 7, 2019 at 11:30 am #951402

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!

July 7, 2019 at 11:53 am #951425

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

July 7, 2019 at 12:21 pm #951448

It's perfect! :)

thank you so much!

regards

July 7, 2019 at 12:24 pm #951450

No problem :)

This archived topic is closed to new replies.

Start building better websites today.