Debut Move Slideshow Button to Bottom - Mobile Only

Solved
Highlighted
Tourist
6 0 1

Hello.  I am trying to move the CTA button on my slideshows (one at top of homepage and one in middle of homepage) to the bottom of the slides on mobile only.  It looks good in the center on the desktop, but on mobile the button is so big it cuts out important parts of the slides.  I can either move the button to the bottom or make it smaller on mobile only.  I'd prefer to move to the bottom of the slide.

 

My url is www.pursuitbuds.com and my theme is Debut.

 

Thanks for any help,

Eli

Highlighted
Shopify Partner
9340 1183 3275

This is an accepted solution.

Thanks to @eliframe 

Welcome to the Shopify community!

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__text-wrap--desktop .slideshow__text-content, .slideshow__arrows--mobile {
    display: none;
}
.slideshow__text-wrap--mobile {
    display: block !important;
    height: auto;
    top: 0;
}
.slideshow__arrows--mobile ~ .slideshow__text-content--mobile {
    padding-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
Highlighted
Tourist
6 0 1

Thanks, Ketan!  That did it!  Appreciate the quick and thorough solution.

0 Likes
Highlighted
Tourist
4 0 1

Hi @KetanKumar 

Is there a similar code snippet that could be added to the Prestige theme? I'm having the same issue, and trying to use the code provided here to manipulate. Thanks!

Highlighted
Shopify Partner
9340 1183 3275

Hello, @zo_lylahs 

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 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
0 Likes
Highlighted
Tourist
4 0 1

Hi @KetanKumar - thanks for the fast response. 

The URL is www.shoplylahs.com - and the password is: veevia

I really appreciate the help! 

 

0 Likes
Highlighted
Shopify Partner
9340 1183 3275

@zo_lylahs 

Thank for it 

sorry i can't see any issue give me screenshot further issue 

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
0 Likes
Highlighted
Tourist
4 0 1

Hey @KetanKumar , 

The primary CTA ("Shop New Arrivals") does not visually work in the homepage slideshow. I'd like to move it to the bottom center or bottom right. 

It looks just fine in desktop though. Hope that helps, and thanks again!

Screen Shot 2020-10-20 at 10.39.21 AM.png

0 Likes