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

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;
}
}

Hi @Nat7 ,

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

same as the code you sent.

1 Like

Thank you very much!

1 Like

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?

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.

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