Image Banner is too big on desktop (Dawn theme)

Image Banner is too big on desktop (Dawn theme)

thesheaparlor
Excursionist
23 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
9534 1916 1950

Your preview link is expired

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

thesheaparlor
Excursionist
23 0 8

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

Dan-From-Ryviu
Shopify Partner
9534 1916 1950

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 and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

thesheaparlor
Excursionist
23 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
9534 1916 1950

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

 

- Helpful? Like and Accept solution! or Buy me coffee
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.