Mobile Slideshow Button View - Debut Theme

Solved
eliframe
Tourist
6 0 1
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!
Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24941 2499 9042

This is an 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;
}
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 16 (16)
KetanKumar
Shopify Partner
24941 2499 9042

Hello, @eliframe 

Thanks for post.

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

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
24941 2499 9042

This is an 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;
}
}
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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

eliframe
Tourist
6 0 1

Thank you so much!  That did it!

mario95
Tourist
4 0 2

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
Shopify Partner
24941 2499 9042

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.

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mario95
Tourist
4 0 2

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
Shopify Partner
24941 2499 9042

password protect 

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mario95
Tourist
4 0 2

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.