move button on mobile device slider

curt1984
Excursionist
22 0 8

hello I would like to move button into this position on mobile device.

pic4444.png

 

https://shancristicc.com/

pw brother

dmwwebartisan
Shopify Partner
4354 977 1243

@curt1984 

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

@media only screen and (max-width: 749px){
.slideshow__button-cta-single{ position: relative; margin-top: 40px; }
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
curt1984
Excursionist
22 0 8

thanks for quick reply

the code move the button but its not centre

Untitled.png

dmwwebartisan
Shopify Partner
4354 977 1243

@curt1984 

Please use the following code to make it center.

@media only screen and (max-width: 749px){
.slideshow__button-cta-single {transform: translateX(-67%) translateY(calc(-50% - 15px)) !important;}
}

 

Hope this helps.

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
4354 977 1243

@curt1984 

If the above solution won't work then you can use the following code. This should work for sure.

@media only screen and (max-width: 749px){
.slideshow__text-container {text-align: center;}
.slideshow__button-cta-single {transform: none;text-align: center;}
}

 

Thanks! 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes