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

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
7764 2082 2568

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
7764 2082 2568

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


SenseHero
Tourist
10 0 2

Thank you!!

Moeed
Shopify Partner
7764 2082 2568

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

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


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?