Logo on mobile over search icon

Highlighted
Tourist
16 0 2

Hi - how to I make the logo smaller on the mobile only - it's set as left side logo - I could actually do with it being about 25% bigger on desktop but also smaller on mobile - as see attached imageIMG_2332.JPG

0 Likes
Highlighted
Shopify Partner
2282 498 647

Hey @MonthlyTieClub,

Please share your website URL. I will check and provide a solution here.

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
2282 498 647

Hey @MonthlyTieClub,

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 img { width:100% !important; }
}

 

This is for mobile. It will make your logo smaller.

Please check if this is fine.

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