Moving the CTA button Shop now

Solved
Asifkhan
Excursionist
18 0 4

Hello,

I am using the debut theme. In a slideshow, I would want to move the Shop now button on the bottom left of the slideshow image and not in the middle of the image only on desktop view. I want it to remain unchanged on mobile view.

Image for reference- https://ibb.co/WnpHKDY

Thank you!

0 Likes
dmwwebartisan
Shopify Partner
6681 1565 2032

@Asifkhan 

Please share your webshop URL

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 →
0 Likes
Asifkhan
Excursionist
18 0 4

@dmwwebartisan 

Hi, please find the shop URL below

URL- phone-space-in.myshopify.com

Password- qwerty

0 Likes
dmwwebartisan
Shopify Partner
6681 1565 2032

This is an accepted solution.

@Asifkhan 

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

@media only screen and (min-width: 750px) {
.slideshow__btn-wrapper {
    border: none;
    background-color: transparent;
    top: -144px;
    position: relative;
    text-align: center;
    display: inline;
    justify-content: center;
    margin: 0 auto;
    margin-right: -600px;
}
}

Hope this helps.

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 →
0 Likes
Asifkhan
Excursionist
18 0 4

Thank you so much! @dmwwebartisan