Debut Move Slideshow Button to Bottom - Mobile Only

[eliframe]

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

[KetanKumar · 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;
}
}

[eliframe]

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

[zo_lylahs]

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!

[KetanKumar]

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.

[zo_lylahs]

Hi @KetanKumar - thanks for the fast response. 

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

I really appreciate the help! 

[KetanKumar]

@zo_lylahs 

Thank for it 

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

[zo_lylahs]

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!

 

[revvintage]

hi , im wanting to move the slideshow button to below, instead of on the slideshow itself. Im using Debutify theme

www.revvintage.myshopify.com

I tried the code above but didnt seem to work for me, could you help?

Thanks so much!

[KetanKumar]

@revvintage 

Thanks for it

do you like this?