How do I remove the arrows and buttons from the slideshow for the mobile view

rich831
Excursionist
12 0 5

Can anyone help me please.

I want to remove the arrows and buttons from the slideshow for the mobile view. I have manged to find some code to remove them from the desktop view but cant see how get them off the mobile view. I have the Debut version 16.1. Many thanks Rich

https://clevershieldcoatings.co.uk/

dmwwebartisan
Shopify Partner
7444 1766 2366

@rich831 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (max-width: 749px){
.slideshow__text-wrap.slideshow__text-wrap--mobile { 
    display: none;
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Rosy_crown
Tourist
7 1 3

Hi Rich

I've checked up your site, and I could see that the arrow and button display in Mobile version but not on PC. You can change this when customizing the theme. And also the images on your site seems blurry, you can change those also. This isn't a complicated thing to do but if you find it difficult, don't hesitate to contact me up and I would be glad to put you through on this

Thanks.

Rosy

 

0 Likes