[Support request] align logo and menu on mobile view

[Felix]

Hi,

it should be in line

thx

[David]

Hi there,

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

[Felix]

hey thanks for the fast reply,

what should i change there?

i tried all options – still looks off

[David]

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.

[Felix]

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.

[David]

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;
}

[Felix]

Thanks David! That worked.

[David]

Awesome. Glad to be of help

[Author]

Posts