[Support request] Mobile Only – Mobe Menu Under Logo

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 🙂

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.

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/

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/