Keep Button in middle of slideshow on mobile

[ToastyDC]

Hi there,

I’m on the debut template, and when I view my website on desktop, there is a button in the middle of my slideshow image. When I view that same area on mobile, the button is below the slideshow. Anyone know how I can keep the button in the middle of the slideshow image on mobile? Thank you!

https://toast-phl.myshopify.com/

gleuch

desktop:

mobile:

[Kinjaldavra]

hello @ToastyDC do you want to look like this https://nimb.ws/LhGEzu

[NerdCurator]

Hello @ToastyDC , please check if you want it as

the screenshot attached.

[ToastyDC]

Yes! This would be perfect!

[Kinjaldavra]

hello @ToastyDC

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

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

[ToastyDC]

Hmm… That didn’t seem to do it. The button is still in the same place on mobile.

Appreciate the help!