Mobile Slideshow Button View - Debut Theme

[eliframe]

My store pursuitbuds.com has a slideshow with button - Debut theme. On desktop the button is in the center of the slides - great. On mobile, it is shifted below the slides and leaves a blank white box over part of the slides. Can someone help me? Thanks!

[KetanKumar]

Hello, @eliframe 

Thanks for post.

Please share your site URL,
So I will check and provide a solution here.

[eliframe]

www.pursuitbuds.com

[KetanKumar · Accepted solution]

@eliframe 

Thanks for URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.slideshow__btn {
    display: inline-block;
}
.slideshow__text-wrap--mobile {
    display: none !important;
}
}

[eliframe]

Thank you so much!  That did it!

[mario95]

Hi ketan, i have a question. So it looks liked it worked on mobile. thank you. however my text on the image is gone now on mobile but appears on the desktop version of the site.

[KetanKumar]

Hello, @mario95 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[mario95]

Hi @KetanKumar 

Thank you for the welcome. I appreciate it. 

Here is the link. It's still under construction lol

https://kings-jewelry-and-loan.myshopify.com/

Thank you

[KetanKumar]

password protect 

[mario95]

sorry ketan. I decided to change the layout and use image with text overlay. I appreciate you responding though. 

I did have a question though. Is it possible to move the CTA button on the image towards the bottom of the image? On desktop it is to the right side (I added a piece of code) but on mobile it is in the center. I would like to move the button and text tot the bottom center. Is that possible?

Thank you 
Mario C.