Solved

Removing slideshow control for Debut for both mobile and desktop

raindrops901
Tourist
6 0 3

Hello!

As the title stated, I'm trying to get rid of the slideshow control for Debut on mobile and desktop.

 

I followed this old thread here https://community.shopify.com/c/Shopify-Design/Debut-Theme-how-delete-hide-slideshow-buttons/td-p/44...

However I'm assuming the instructions are out of date.

Would anyone mind helping me or point me in the right direction?

Accepted Solution (1)
ZestardTech
Shopify Expert
5393 970 1299

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.slideshow__arrows {
display: none!important;
}

.slideshow__pause {
display: none!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 5 (5)

ZestardTech
Shopify Expert
5393 970 1299


Hello There,

Please share your store URL and Screenshot.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
raindrops901
Tourist
6 0 3

Hello!

Preview https://6coau8dpfiplx5ni-56455626917.shopifypreview.com pass is academy

I need to remove the following

Desktop slider controls https://imgur.com/owwTpWa.jpg

Mobile https://i.imgur.com/YFRUjEJ.jpg

 

Thanks in advance

ZestardTech
Shopify Expert
5393 970 1299

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.css and paste this at the bottom of the file:

.slideshow__arrows {
display: none!important;
}

.slideshow__pause {
display: none!important;
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
raindrops901
Tourist
6 0 3

That's amazing, thank you!

 

ZestardTech
Shopify Expert
5393 970 1299

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing