Align logo to center in parent on mobile (DEBUT THEME)

Store Design
1

Hello everyone,

I customized my header.liquid to have the nav menu on mobile only on the left, logo centered and shopping cart on the right. The problem is that the logo is not really centered. It seems like the parent of the logo is centered but the logo itself is aligned to the left. I can’t get it to work the way I want. Down below you’ll see what I mean and what I want, maybe someone can help me.

Thank you!

logo.png
logo.png440×119 10.3 KB

2

Hello,
Please share your site url.

3
1 Like
4

@maxson

please Go to Online Store->Theme->Edit code then go to assets/theme.css->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
.site-header__logo {
    padding-left: 22px;
    justify-content: center !important;
    display: flex !important;
}
}

Thanks!

1 Like
5

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
.site-header.border-bottom.logo--left .small--one-quarter {
    width: 100%;
}
}
1 Like
6

Thank you very much!