How to Make Logo Not Blurry - Prestige Theme

Highlighted
Tourist
36 0 0

Hi there!

 

I am looking to make my Shopify logo less blurry. Right now, when I upload the logo, the image is perfectly clear beforehand however it becomes blurry on my site. Is there any way to change this?

 

I am currently using the prestige theme.

 

Any suggestions would be greatly appreciated!

 

Thank you!

0 Likes
Highlighted
Shopify Partner
1348 156 239

What's your store URL?

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Tourist
36 0 0

Hi Visely-Team,

 

My store URL is: Kadabra.ca

 

Please let me know if you have any suggestions!

 

Thank you!

0 Likes
Highlighted
Shopify Partner
1348 156 239

The problem is that the image is being constraint by width, depending on the screen size. The true width of your image is 349px, your rules in theme.scss.css, specifically .Header__LogoImage, is limiting the max-width.

 

So, either you create different versions of the logo to accommodate different screen sizes or you just replace any max-width value you see for .Header__LogoImage with 349px. Please mind that might not look nice on smaller screens.

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes