Debut theme help

Solved
TeaW
Tourist
3 0 1

Hello - I am having an issue with my debut theme, can you help? I have a slide on my homepage with text and a shop button. On the desktop the text and shop button shows on the slide image. But on the mobile view it shows on below the slide. How can I get the mobile view just like the desktop view

Thank you.

dmwwebartisan
Shopify Partner
5654 1290 1650

@TeaW 

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

@media only screen and (max-width: 749px){
.slideshow__btn {display: block !important;}
.slideshow__title, .slideshow__subtitle {display: block! important;}
.slideshow__arrows--mobile ~ .slideshow__text-content--mobile {display: none !important;}
.slideshow__btn { width: max-content;}
}

 Hope this works.

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
5654 1290 1650

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

 

 

@media only screen and (max-width: 749px){
.slideshow__btn {display: block !important;}
.slideshow__title, .slideshow__subtitle {display: block! important;}
.slideshow__text-content--mobile {display: none !important;}
.slideshow__btn { width: max-content;}
}

 

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
TeaW
Tourist
3 0 1

Thank you!! The new code worked...but the shop now button is to the left and not in the center on the mobile view

0 Likes
dmwwebartisan
Shopify Partner
5654 1290 1650

@TeaW 

please add   code.  i will checked and send new code for you.

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
5654 1290 1650

This is an accepted solution.

please add new code for mobile .

@media only screen and (max-width: 749px){
.slideshow__btn {display: block !important;}
.slideshow__title, .slideshow__subtitle {display: block! important;}
.slideshow__text-content--mobile {display: none !important;}
.slideshow__btn { width: max-content; margin:0 auto !important;}
}

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
TeaW
Tourist
3 0 1

Thank you this work!!!!

0 Likes