Image Banner Not Showing On Mobile View With Dawn Theme

Technical Q&A
, , ,
1

Hey, my image banner does not show up on mobile view when I upload an image. When I don’t upload an image it looks fine on both desktop and mobile. When I upload an image the whole image banner doesn’t show on mobile view, only on desktop view. Tried all the codes in different posts but nothing seems to be working for me!

site is modehaven.nl

1 Like
2

Modify the content within your banner section to the following:

#Banner-template--19788754583816__image_banner_aEDC3P::after {
    opacity: 0.7;
  }

.banner {
  min-height: 32em;
}
3

Hi @wesselh

Check this one,

  1. From you Admin page, go to Online Store > Themes
  2. Select the theme you want to edit
  3. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  4. Then place the code below at the very bottom of the file.
@media only screen and (max-width: 749px){
.banner__media.media img {
    object-fit: inherit;
}
    }
1 Like