Make logo smaller on mobile view?

Solved
Highlighted
Tourist
5 0 1

Hi there!

 

I would like to shrink the size of our logo in the header in the mobile view only, we like the look of the logo on the desktop view.

This is the link to a copy of my website that I am currently working on....

https://0x6s3c46721suf91-26984874077.shopifypreview.com

Im happy to do some code wok myself, although I am not an expert by any means!!

 

Mobile view - logo TOO BIGMobile view - logo TOO BIGLaptop view - logo PERFECT!!!Laptop view - logo PERFECT!!!

1 Like
Highlighted
Shopify Partner
9267 1180 3265

@PurplePiglet 

This preview link has expired

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

Oops sorry! 

The website is live  

www.purplepigletgifts.com

 

0 Likes
Highlighted
Shopify Partner
9267 1180 3265

This is an accepted solution.

@PurplePiglet 

Thanks 

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

@media screen and (max-width: 768px) {
.header-logo .lazyload__image-wrapper {
    max-width: 300px !important;
}
.header-logo {
    margin: 0px auto;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 1

That is soooooo much better!! 

 

Thank you thank you thank you!!!

0 Likes