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

Home Forums Support Change configuration of my home menu (principal navegation)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #951402
    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!

    #951425
    Leo
    Staff
    Customer Support

    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 🙂

    #951448
    Michael

    It’s perfect! 🙂

    thank you so much!

    regards

    #951450
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.