All things Shopify and commerce
Can anyone find out why slideshow on mobile page does not show pictures on my page?
Woking on to find out bugs on coding but unable to locate where
Thanks in advance !
URL
https://luxgate.co/?_ab=0&_fd=0&_sc=1
Solved! Go to the solution
This is an accepted solution.
@LG999 Go to Edit Code > open theme.liquid and search for </body> tag and above it paste below code -
<style>
@media(max-width: 749px) {
.slideshow__text-wrapper.banner__content {
height: 100%;
padding: 5rem;
}
.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
height: auto;
}
.banner__media:first-child {
display: block;
}
.banner--mobile-bottom .banner__media,
.banner--stacked:not(.banner--mobile-bottom) .banner__media {
position: static;
}
.media>img {
object-fit: cover !important;
}
.banner:not(.banner--mobile-bottom) .field__input,
.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-background-1 {
background: #fff;
}
.banner--mobile-bottom .slideshow__text.banner__box {
max-width: 54.5rem;
}
}
</style>
@LG999 Can you please share screenshot which slideshow is showing in desktop and which one is not showing in mobile device, because i checked everything working perfectly.
Thank you for your help!
Here
@LG999 I think you are working on another theme which is in draft because in my screen it is showing these -
Could you check again below contact form?
I added slideshow section and you can see them!
This is an accepted solution.
@LG999 Go to Edit Code > open theme.liquid and search for </body> tag and above it paste below code -
<style>
@media(max-width: 749px) {
.slideshow__text-wrapper.banner__content {
height: 100%;
padding: 5rem;
}
.banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media,
.banner--medium.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
height: auto;
}
.banner__media:first-child {
display: block;
}
.banner--mobile-bottom .banner__media,
.banner--stacked:not(.banner--mobile-bottom) .banner__media {
position: static;
}
.media>img {
object-fit: cover !important;
}
.banner:not(.banner--mobile-bottom) .field__input,
.banner--mobile-bottom:not(.banner--stacked) .banner__box.color-background-1 {
background: #fff;
}
.banner--mobile-bottom .slideshow__text.banner__box {
max-width: 54.5rem;
}
}
</style>
Thank you so much!!
All worked!
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025