How To Stop Shopify From Compressing Header Image?

When I look at the site on mobile, it seems that it compresses the image of the logo in the header and it makes it look very blurry in comparison to the other icons in the header, how do I change it so the image does not get compressed and is it's full resolution. (the logo)? Website abellire.shop Password abellire2023

December 28, 2023

Go Online store > Themes > Customize > Theme settings > Logo, check what value did you set - Helpful? Like and Accept a solution. - Donate: Buy coffee ❤️ or Paypal me ❤️ - Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV. - Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots - Enjoy 3 months of Shopify for $1/month.

December 28, 2023

90px, I want the actual size of the image to be that size on mobile, but I want to keep it the original resolution or at least make it a vector so it does not compress as it scales

December 28, 2023

Hi, @merchabellire. Follow These steps, Go to the online store theme and go to base.css file paste the code mentiond below. @media (min-width: 320px) and (max-width: 767px) { #cart-icon-bubble svg { width: 24px; height: 24px; } .header__icon--menu { width: 28px; } } Copy Result: If I managed to help you then, don't forget to Like it and Mark it as Solution! Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes | Shopify Custom Coding | Custom Modifications Subscribe to our youtube channel or buy us a Cofee here

December 28, 2023