Image size on mobile vs desktop - dawn theme ver 15

Image size on mobile vs desktop - dawn theme ver 15

2 0 0

Hi, I need help regarding image size on my store. Can someone help me to code to make my images fit on both desktop and mobile phone pls?



Replies 2 (2)

Shopify Partner
8579 1692 1703

Hi @nhabd12 

It can be but will not display in excellent size, so I recommend you create 2 image banner sections, one for desktop and one for mobile.

In mobile section, add this code to Custom CSS to hide it on the desktop 

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

And add this code in Custom CSS of desktop image banner section to hide it on mobile

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

I hope this helps.


Best regards,

Dan from Ryviu 

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

Shopify Partner
26 1 6

This solution is what we use only when we want completely different images. Normally we try and set focal points that work well across both desktop and mobile so it naturally crops where we need it. We design banners around this functionality.

you can't just say perchance