Re: Responsive Banner - Dawn 11.0.0

Mythik · ‎08-05-2023

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

Dan-From-Ryviu · ‎08-07-2023

Hi @Mythik

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

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

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- 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.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Mythik · ‎08-07-2023

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.

Mythik · ‎08-08-2023

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.

Re: Responsive Banner - Dawn 11.0.0

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

Community Blog Articles