Debut: Moving Slideshow overlay to below images

New Member
2 0 1


I'm having some trouble with the Debut theme and my clickable gallery. The slideshow overlay blocks my images. I'm hoping to be able to move the directional overlay to just below the images. I've marked in red where I'm hoping to move it to. Is this possible?

Screen Shot 2021-05-16 at 9.01.21 AM.png












I've come across some other threads, however everything I tried wasn't quite right; I got it to move but then it didn't rotate through the slides. I'm pretty amateur with coding. Any advice would be greatly appreciated!

Shopify Partner
18555 1954 6847


sorry for this issue please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

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


If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on regarding any help
Shopify Expert | Skype :
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
New Member
2 0 1

@KetanKumar Thank you for your quick response! This worked perfectly for mobile; is it possible to do it for both mobile and desktop?