Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi,
I'm having an issue with the mobile view for slideshows, it shows perfect via the desktop but mobile has this big gap which i cannot get rid off.
The image is also not full. these are images selected from the explore and not my own images so they should be working perfect.
www.Sensehero.co.uk
Desktop
Mobile
Solved! Go to the solution
This is an accepted solution.
Hey @SenseHero
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.banner--mobile-bottom .slideshow__text.banner__box {
display: none;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
This is an accepted solution.
Hey @SenseHero
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.banner--mobile-bottom .slideshow__text.banner__box {
display: none;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you!!
Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
I'm having a similar issue but this fix did not work. I'm having the issue when using my images in a slide show. The first image will show up without any sizing issues but any subsequent images appear cropped with that white bar on bottom. Any recommendations?