Brooklyn Theme Slideshow Mobile

Solved
shopmarci
Tourist
7 0 6

hello! can any shopify expert figure this out?

im using the slideshow function on brooklyn theme for my homepage, everything is positioned right on desktop view but for some reason on mobile the “shop now” button is moved. any way to move the “shop now” button onto the slideshow for mobile view? 

14C215B0-8791-47A7-96B9-B003BE352420.jpeg

how i want it and how it appears in desktop^^^

77B89C16-655B-45A4-A164-6E2857C55BC1.png

 how it’s appearing on mobile^^^

my store url: www.shopmarci.ca

 

 

dmwwebartisan
Shopify Partner
7402 1754 2353

This is an accepted solution.

@shopmarci 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width: 768px){
a.hero__cta.btn{
position: absolute;
top: -138%;
transform: translateX(-50%);
}
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →