Image Banner is too big on desktop (Dawn theme)

Image Banner is too big on desktop (Dawn theme)

thesheaparlor
Excursionist
26 0 8

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

Replies 5 (5)

Dan-From-Ryviu
Shopify Partner
11537 2258 2440

Your preview link is expired

 

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

thesheaparlor
Excursionist
26 0 8

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

Dan-From-Ryviu
Shopify Partner
11537 2258 2440

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; }
}

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

thesheaparlor
Excursionist
26 0 8

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? 

Dan-From-Ryviu
Shopify Partner
11537 2258 2440

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

 

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.