How can I center align the logo in the mobile version only?

HI there,

The logo is not aligned centre in the mobile format , Its perfect in the desktop version but i want to change in the mobile version only , Any assistance in this would be helpful.

Hey @Anonymous

Can you please share the preview link of your store?

Hello,

This is the website link www.laadlee.com

!!

Hey @Anonymous

Please share the preview link of the draft theme instead of the live theme

https://19bw01p1t997wuut-71493648693.shopifypreview.com

Hey @Anonymous

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 tag


RESULT:

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

Best Regards,
Moeed

Hello ,

The above code is working , can you please make so it is aligned to the left.

Thank you!!

Hey @Anonymous

Keep the previous code and add the following code above in theme.liquid file

.col-auto.d-none.menu--bar-lines.d-md-only-block {
    width: 10% !important;
}

RESULT:

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

Best Regards,
Moeed

1 Like