Mobile Banner Appears Too Small or Overly Zoomed on Dawn Theme

[shopmun]

Hi,

I'm having an issue with my mobile banner. While it looks great on desktop, the mobile version appears off. I've enabled the "adapt to image" option, but the banner looks too small. When I select any other size, it becomes overly zoomed in. have the Dawn theme.

I have tried plenty of answers from different posts and nothing works. 

Could someone assist me in resolving this? Thanks!

Store: shop-mun.com
Password: shopmun

Thank you!

[Dan-From-Ryviu]

Hi @shopmun 

You can try to use 2 separate image banner sections, one for mobile and another for desktop, and then add those custom CSS codes to Custom CSS of each section to hide them on each device. 

- Mobile section ( this code will hide this section on desktop)

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

- Desktop section ( this code will hide this section on mobile )

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

[shopmun]

Hi,

Where should I add those codes? Thanks!

[Dan-From-Ryviu · Accepted solution]

Please add to Custom CSS of each section 

[shopmun]

Thank you so much!!

[Dan-From-Ryviu]

You are very welcome!