Debut Theme - in Mobile, slideshow text shows below image rather than on it.

Solved
Highlighted
New Member
2 0 0

Hi all,

 

I can't seem to get my mobile version to show the text on the slideshow image, rather than underneath it. Any ideas? I've searched around a ton and couldn't find any help.

 

Here's my site, if you can take a look.

 

Thanks!

0 Likes
Highlighted
Shopify Partner
906 194 353

This is an accepted solution.

@PurifyWellness 

 

Go to the Online store > Theme > Edit code > Assets > theme.scss.liquid file and add following code at the end of file:

@media only screen and (max-width: 749px){
   .slideshow__text-wrap--mobile{display:none;}
   .slideshow__text-wrap--desktop .slideshow__subtitle{display:block; text-align: center;}
}

Cheers,

Tejas

Shopify Expert | Skype: tejas.nadpara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on support@hexaecommerce.com regarding any help
1 Like
Highlighted
New Member
2 0 0

Thanks so much!

0 Likes
Highlighted
New Member
1 0 0

Hello Tejas,

The code you provided assisted me a lot. Can you help me with how I can insert 'Shop Now' and link it to other products or collections? 

Thank you.

0 Likes