Image Banner is too big on desktop (Dawn theme)

Store Design
, , ,
1

The mobile layout is fine, but in desktop mode, the images are way too big and do not adapt to desktop correctly. Some images get cut off Here is my preview link: https://1hyf20wssoxuzngz-26704248912.shopifypreview.com

2

Your preview link is expired

3

Here is my new preview link: https://11epbtnqwslbgzqw-26704248912.shopifypreview.com thanks!

4

Your images dimension is not suitable for desktop, so I recommend you create another Image Banner section for desktop and use another image. After that, please add this code to Custom CSS of the section that will be used for desktop

@media (max-width: 749px) {
.banner { display: none; }
}

And this code for section will be used for mobile

@media (min-width: 750px) {
.banner { display: none; }
}
5

Okay I will try this. However, how can I resize it to fit on both desktop and mobile if I’m only able to upload one image?

6

You can try to use an image ratio of 3:2