How can I replace a mobile slideshow with an optimized one?

Store Design
, ,
1

I’d like to hide a slideshow on mobile and replace it with one better optimized for the mobile size. I’ve tried a few CSS options but can’t find a solution.
The site is www.fhblogostore.com
Thank you!

2

Hello @TGamble ,

You can follow these steps to hide slide on mobile:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1676430751024.png
GemPages_0-1676430751024.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1676430839496.png
GemPages_1-1676430839496.png1604×861 72 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @TGamble

I hope you are doing good and welcome to the Shopify Community!
I am Santanu from MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore).

Please add this css in your bottom of the base.css file:

@media (max-width: 767px ) {

#shopify-section-template–17444169613621__slideshow {display: none;}

}

Regards,

Santanu