align logo and menu on mobile view

Hi there,

the simplest way is to use the Mobile Header in Customizer > Layout > Header --> Mobile Header.

hey thanks for the fast reply,

what should i change there?

i tried all options - still looks off

This article explains the usage:

https://docs.generatepress.com/article/mobile-header/

If selected and a logo added this will be displayed instead of the desktop site header, and the default layout is the logo left and menu right both of which are aligned.

still not what i was looking for.

i want to get the logo a little to the left and downwards that it is on a line with the menu burger icon.

Ok some CSS is interfering - go to the Customizer > Additional CSS and find this ( its below an @media query):

.site-logo {
    width: 140px;
    margin: 0 auto 32px auto!important;
    display: block;
}

and change .site-logo to .site-logo:not(.mobile-header-logo) the code should look like this:

.site-logo:not(.mobile-header-logo) {
    width: 140px;
    margin: 0 auto 32px auto!important;
    display: block;
}

Thanks David! That worked.

Awesome. Glad to be of help