How to fix logo alignment in mobile header view?

Hey everyone, i just fixed it on my debut that i have the logo in the middle and my dropdown menu on the left. But when i turn my screen now, my logo will also be more to the right. Like this:

and when i have normal view its correct like this:

does anyone know how to fix this with code ? Thanks in advance!

this is also a problem on the password page:

my site is: www.scepticalclothing.com

password is: Drop2

1 Like

Hi,

Your theme CSS has left margin of 45px with site-header__logo-image class.

Please go to assets/theme.css file and find the code below (search site-header__logo-image),

.site-header__logo-image img {
    margin-left: 45px;
}

After you find the code, please change the margin-left to 0 as below.

.site-header__logo-image img {
    margin-left: 0;
}

If you don’t know how to find the code, you may just add the code below to assets/theme.css file.

.site-header__logo-image img {
    margin-left: 0 !important;
}

The above code will force the left margin to be 0.

The code will fix all the issues for Password protected page, PC header & mobile header.

If you resolve the issues, please click “Like” and “Accept solution”.

Hope it helps.

Thanks.

hey, yeah i know this would solve that particulair issue but now my header logo isnt in the center when i do 0px :slightly_smiling_face: i want it to be in the center when i am on mobile and in the center when i for example turn my phone!