How can I make my Dawn 11.0.0 theme banner responsive on smaller screens?

Store Design
,
1

Hello everyone,

I have the problem that the banner on the start page is not responsive. The banner is always cropped on smaller screens. I know I need to set the height to “auto” to fix this, but I can’t seem to find the right place in the code to do this.

I’m currently using version 11.0.0 of the Dawn theme. I use two different images for the desktop and the mobile version. I would appreciate any help.

Thanks in advance.

Website: evote-shop.com

Password to view the shop: EvoteTest

2

Hi @Mythik

Please add this CSS code to your base.css file to solve it.

.banner__media.media>img { cover: fill !important; }
3

Hi @Dan-From-Ryviu

Many thanks for your response. Unfortunately, pasting the code didn’t change anything. Do you have any idea why? Thanks in advance.

4

Hi @Dan-From-Ryviu

I would be very grateful if you could take a look at this again. I haven’t found a solution yet. Thanks in advance.