I need help centering logo in the header

[JonathanAaen]

Hey! I have a problem with the logo not being vertically centered in the header on mobile. Can someone help me?

The "NordicHaven" is not centered on mobile (nordichaven.no):

Hey! I have a problem with the logo not being vertically centered in the header on mobile. Can someone help me?

The "NordicHaven" is not centered (nordichaven.no):

[Sangeetanahar]

hello @JonathanAaen 

Can you please send me the Website URL.

Thanks

[niraj_patel]

Hello @JonathanAaen 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
    .site-header__logo-link {
        top: 10px !important;
    }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[JonathanAaen]

Dear Niraj Patel

It worked! I really appreciate you taking the time to save my store!

[PK2023]

Hi,

I would say the fastest way is to theme > customize >open the header and at the botton for the CSS text box add:

@media all and (max-width:767px)
.header-layout--left-center #LogoContainer {

top: 20%; (or whatever percentage you are satisfied with the location)

}