Image size on mobile vs desktop - dawn theme ver 15

[nhabd12]

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?

https://paigelef.com/

[Dan-From-Ryviu]

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 

[joshcorbett]

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.