We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

LOGO CENTRE ALIGNMENT

Solved

LOGO CENTRE ALIGNMENT

slidein_india
Excursionist
27 1 3

Hi,

I need to centre align my logo on my desktop and mobile. It's completely off on my mobile and very slightly on desktop. 

 

www.slidein.co.in

 

dawn theme.

Screenshot 2025-02-23 at 8.35.51 PM.pngIMG_D7C4B615FE7E-1.jpeg

Accepted Solution (1)

Moeed
Shopify Partner
7764 2082 2567

This is an accepted solution.

Hey @slidein_india 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__heading-logo {
    margin-right: 0 !important;
}
a.header__heading-link.link.link--text.focus-inset {
    margin: 0 !important;
}
h1.header__heading {
    margin: 0 !important;
}
</style>

RESULT:

Moeed_0-1740324255514.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 2 (2)

Moeed
Shopify Partner
7764 2082 2567

This is an accepted solution.

Hey @slidein_india 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__heading-logo {
    margin-right: 0 !important;
}
a.header__heading-link.link.link--text.focus-inset {
    margin: 0 !important;
}
h1.header__heading {
    margin: 0 !important;
}
</style>

RESULT:

Moeed_0-1740324255514.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


LizHoang
Shopify Partner
1251 159 195

Hi @slidein_india 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

 

@media (max-width: 768px) {
.header__heading-logo {
    margin-right: 0px !important;
}
.header__heading, .header__heading-link {
        margin-right: 0px !important;
    }
}

 

Result: 

LizHoang_0-1740324336172.png

 

Best,

Liz

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program