Images displaying different sizes in Safari & Chrome vs Firefow- help!

Excursionist
58 0 4

I am hoping someone can help me with a quirky little issue I am having with my site in how it displays images on a page in different browsers.

When I look at this page:

http://ruthsbeautyshop.com/pages/wig-texture-guide

in Chrome on a Mac, the image in the left column displays as 13 pixels by 17 pixels.  When I use the developer tools to see how those dimensions were assigned, I can't find how and where.  Also looks this way in Safari.  On the other hand, it displays perfectly (240 px width) in Firefox.

Any ideas?

Thanks!!

0 Likes
Highlighted
Shopify Staff
Shopify Staff
540 4 81

Hi rrg211!

Liam here from Shopify - thank you for your question :)

I have taken a close look at these images and why they are appearing differently on various browsers and it appears there are some conflicting aspect ratios which are resizing the images. This seems to be occurring somewhere within the HTML code, so your best option would be to reach out to your Theme Developer who will be able to adjust this for you. 

Hope this helps, if you have any other questions, just let me know!

Cheers,
Liam

Shopify Guru
support@shopify.com

0 Likes