How can I make a mobile slideshow not respond to touch?

[TriFitHealth]

I have a slideshow on auto-slide for my "cover image". I was able to edit code and create a fade animation which works well, but now my issue is that when you try to scroll down on mobile, it just moves the image on the slideshow instead of scrolling down the page. I need the slideshow to act like a still image, in that you cant move it around with your finger. Any help would be greatly appreciated!

[David_SHT]

Hi @TriFitHealth 

This is David at SalesHunterThemes.

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one) so we can help you.

[TriFitHealth]

The store and page URL is https://trifithealth.com

[David_SHT · Accepted solution]

Hi @TriFitHealth 

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.slideshow {
overflow: hidden;
}

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

David | SalesHunterThemes team

[Tellmemore112]

I'm experiencing the same thing for my site on mobile view. I have a slide section set only to be viewed on mobile/tablet. I've tried entering the code you provided in base.css but it doesn't work. May you please suggest a code for my site: www.shoplile.com