What's your biggest current challenge? Have your say in Community Polls along the right column.

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
9166 2186 2702

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 are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.