Reduce mobile logo size and centre

Solved
Highlighted
Tourist
20 0 1

Im trying to reduce the mobile logo size and centre it, but not having nay luck.
I have already changed a bit of the css, so Im wondering if this is stopping the code from working?

 

Any tips?

https://house-of-matilda.myshopify.com/
Thanks in advance!!!

Screen Shot 2020-08-28 at 1.19.57 pm.png

0 Likes
Highlighted
Shopify Partner
2727 595 738

Hey @Sivaan ,

I can see your store is password protected. Please provide a password so I can check.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Shopify Partner
673 109 148

Hello @Sivaan, Protected password? 

0 Likes
Tourist
20 0 1

erin11

 

Thank you!

0 Likes
Highlighted
Shopify Partner
673 109 148

@Sivaan,

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file
 

 

@media screen and (max-width: 768px){
.site-header__logo-image img {
    width: 100%;
    max-width: 310px !important;
   }
}

 

 
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

 

0 Likes
Highlighted
Tourist
20 0 1

 @Wahab_Ahmad It reduced the size, but didnt centre

?Screen Shot 2020-08-28 at 1.44.08 pm.png

0 Likes
Highlighted
Shopify Partner
2727 595 738

Hey @Sivaan,

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
.site-header__logo { padding-left:0px !important;}
.site-header__logo-image{ width:100% }
}

 

Let me know if this works.

Thanks! 

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
20 0 1

 @dmwwebartisan It just pushed it all the way to the left!

 

Screen Shot 2020-08-28 at 1.58.32 pm.png

0 Likes
Highlighted
Shopify Partner
2727 595 738

Hey @Sivaan,

Let me see.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Tourist
20 0 1

Hi @dmwwebartisan I attached a photo above. Is that what you mean?

0 Likes