Banner on mobile not displaying correctly

Shopify Discussion
1

I have Dawn theme. My homepage banner on desktop doesn’t fit on mobile. Can someone help. Www.coventryfireworksking.co.uk

  1. How do we ensure the banner resizes automatically on mobile view so the sides aren’t cut off and only centre section of the banner shows. Need to make it mobile compatible.

  2. What are the actual dimensions for a banner on our theme that is compatible with all views - desktop/mobile/full screen

2

@CovFK

@media screen and (max-width: 600px) {
     banner__media media .media>img {
      object-fit: fill !important;
  }
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.css

3

Hi

Do you mean this?

(max-width: 600px) { .media>img { object-fit: fill !important; } }

4

@CovFK

no

please put the above CSS that I have posted

5

Thank you. I have tried that but it doesn’t seem to have worked