How do I center my logo on debut theme?

red33med
New Member
1 0 0

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

0 Likes
Pallavi
Shopify Expert
1330 179 216

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
LitExtension
Shopify Partner
688 71 124

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.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Natztech
Shopify Partner
649 179 434

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

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes