How can I center my logo on the debut theme in mobile view?

Technical Q&A
1

Hello,

I’m trying to move the logo to the center on Mobile view.

Can anyone help me with this issue?

www.red33med.com

Thank you

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
.site-header__logo {
padding-left: 30%!important;
}
}
3

Hi @red33med ,

Please place this code at the end of the “theme.scss” file:

@media only screen and (max-width: 749px) {

.site-header__logo img {

margin: 0;

}

.site-header__logo {

padding-left: 22px;

text-align: left;

height: 63px;

}

}

Screenshot to refer: https://prnt.sc/11j0n4r

Hope to this helps.

4

@red33med 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 {
    justify-content: center !important;
    display: flex !important;
}
}