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

rich831
Excursionist
21 0 8

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/

Replies 3 (3)

dmwwebartisan
Shopify Partner
12280 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
dlynaustin
Shopify Partner
20 0 0

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

 

www.assifassefi.com 

 

Thank you so much!

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