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

Only the mobile view.

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.

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

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/

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

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/