Slideshow not showing correctly on mobile

Solved

Slideshow not showing correctly on mobile

SenseHero
Tourist
10 0 2

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

Slide desktop support.JPG

Slide mobile support.JPG
Mobile

  

Accepted Solution (1)

Moeed
Shopify Partner
4309 1107 1356

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:

Moeed_0-1693909961006.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
4309 1107 1356

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:

Moeed_0-1693909961006.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
SenseHero
Tourist
10 0 2

Thank you!!

Moeed
Shopify Partner
4309 1107 1356

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.

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
PreludeLodge
Tourist
5 0 1

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?