[Support request] Mobile Only – Mobe Menu Under Logo

[metcomllc@aol.com]

Is it possible to move the Menu (three lines) under the logo ONLY ON MOBILE?

[Leo]

Hi there,

Is this the layout you want on the desktop view?
https://www.screencast.com/t/yf5DpFB4i

If so basically you want the menu to be below the logo on both desktop and mobile view?

Let me know 🙂

[metcomllc@aol.com]

Only the mobile view.

[Fernando]

Hello there,

Can you try adding this in Appearance > Customize > Additional CSS?:

@media (max-width: 768px) {
    .inside-navigation.grid-container.inside-navigation.grid-container .navigation-branding {
        flex-basis: 100%;
    }

    .inside-navigation.grid-container button.menu-toggle {
        flex-grow: 1;
    }
}

Let us know how it goes.

[metcomllc@aol.com]

Thank you that worked. Is it possible to move the logo, on the Desktop view only, to the right of the main menu?

[Fernando]

You’re welcome.

Can you go to Appearance > Customize > Layout > Primary Navigation, and set the Navigation Location to Float left? Reference: https://docs.generatepress.com/article/navigation-location/

[metcomllc@aol.com]

That did not work. Is it possible for the logo to line up with the menu to the left, for the DESKTOP VIEW ONLY

[Leo]

Let’s handle one question at a time starting with the desktop view.

Fernando’s solution should absolutely work:

Can you go to Appearance > Customize > Layout > Primary Navigation, and set the Navigation Location to Float left? Reference: https://docs.generatepress.com/article/navigation-location/

Can you disable the site ground optimizer plugin?

And also make sure you are not setting the navigation to a different location in the merged header element:
https://docs.generatepress.com/article/transparent-header-and-navigation/

[Author]

Posts