Why isn't my slider section showing on mobile in the Dawn theme?

Store Design
1

Hello everyone! so i added this code to adjust my image banner section, to be adaptable to my desktop and mobile, all works fine. But my slider section for some reason is not showing on mobile version only , but fine on desktop. Any possibility to help there? Thank you! My URL is gooddess-by-fit-faces.myshopify.com

password: beauty

.banner__media:first-child {
width: 100%;
}
.banner__media+.banner__media {
display: none;
}
@media screen and (max-width: 749px) {
.banner__media:first-child {
display: none;
}
.banner__media+.banner__media {
width: 100%;
display: block !important;
}
}

@media screen and (max-width: 749px) {
.banner content: : beforef
padding-bottom: 150% ! important;
}
}

2

Hi @Nat7 ,

You just need to add the code here, it will work fine:

Screenshot.png
Screenshot.png834×507 21.8 KB

same as the code you sent.

1 Like
3

Thank you very much!

1 Like
4

Hey i would like to make my image banner addapt to the page so when someone on a smaller or bigger laptop watches it fits in good, the button ‘Adapt section height to first image size’ doesn’t work anymore for some reason can you help my add code to for this?

5

Hi @Ecolapse ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.

6

https://community.shopify.com/c/shopify-design/help-my-image-banners-don-t-fit-in-my-page-as-they-did-before/td-p/1772024