Why is the hero image blurry in the Dawn theme?

Store Design
1

Using the Dawn theme and the hero image is super blurry. I’ve made the dpi to 300, compressed it and it still is super blurry. I’ve separated between mobile and web images - the mobile images load fine, but the desktop isn’t optimised.

2

For reference, please check the preview link: https://jusbh12pdecmfaxd-78359003442.shopifypreview.com

3

Hi @daniel1491

This is Richard from PageFly - Shopify Page Builder App

Please change the native resolution settings of the banner, you can follow my instructions below

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: find the image-banner.liquid and change

PageFlyRichard_0-1700615932801.png
PageFlyRichard_0-1700615932801.png999×504 127 KB

PageFlyRichard_1-1700615952046.png
PageFlyRichard_1-1700615952046.png998×514 147 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

4

Hi @PageFly-Richard , I don’t seem to see lines 48 onwards -

daniel1491_0-1700616427636.png
daniel1491_0-1700616427636.png1569×596 31.5 KB

daniel1491_1-1700616488148.png
daniel1491_1-1700616488148.png1588×525 33 KB

5

@daniel1491 What version of your current Dawn theme?

6

To clarify, we’re on Dawn 2.0, v12

7

@PageFly-Richard Apologies, we just managed to solve it! Thanks so much for this - you’re absolutely amazing

8

Glad that i can help. Let me know if you need further help