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

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/

1 Like

@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!

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

Hi! This didn’t work for me. I’m using the Studio Theme. Any suggestions?

www.assifassefi.com

Thank you so much!