Dawn Theme Collection Hero Images on Mobile

Solved

Dawn Theme Collection Hero Images on Mobile

kbroadhurst
Tourist
11 1 2

Hi I'm having some trouble with the images on my Collection pages. I am using Dawn theme and the problem I'm having is with the Collection Banner section. I have the box checked to display the Collection Image which looks great on desktop but on mobile the images are blurred. I have tried lots of different variations of image size and resolution and it makes no difference. Whatever image I use it looks fine on desktop but blurry on mobile. I've tried the exact same images in other places on the site as banner images and product images just to test how they show up and they display absolutely fine elsewhere. So it must be something to do with the Collection Banner specifically? Can somebody help me fix this? 

 

Here are some examples:

 

kbroadhurst_0-1729852974581.png

Desktop collection banner with image displaying fine. 

kbroadhurst_1-1729852974797.png

Mobile version with image blurry. 

 

Screenshot (457).pngScreenshot (458).pngScreenshot (459).png

 

As I mentioned I have tried various image ratios, sizes and resolutions but nothing is making a difference. Can anybody help? 

 

My website is still in development but the link is - https://18f0de-2.myshopify.com/

 

Any help very much appreciated!

Accepted Solution (1)

kbroadhurst
Tourist
11 1 2
Reply 1 (1)

kbroadhurst
Tourist
11 1 2

This is an accepted solution.