Debut: Moving Slideshow overlay to below images

itsmecoleyb
New Member
2 0 1

Hello,

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!

www.coleymade.com

KetanKumar
Shopify Partner
18896 1984 6992

@itsmecoleyb 

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 bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
itsmecoleyb
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?

0 Likes