Image Banner Not Showing On Mobile View With Dawn Theme

Image Banner Not Showing On Mobile View With Dawn Theme

wesselh
Visitor
1 0 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

Replies 2 (2)

NWWebPros
Shopify Partner
12 1 0

Modify the <style> content within your banner section to the following:

 

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

.banner {
  min-height: 32em;
}

Made4uo-Ribe
Shopify Partner
6849 1635 2015

Hi @wesselh 

Check this one, 

  1. From you Admin page, go to Online Store > Themes
  1. Select the theme you want to edit
  2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
  3. 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;
}
    }

 

  • And Save. 
  • Result:

    Made4uoRibe_0-1719948969488.png

     

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.