How to put text in front of Slideshow image - Minimal theme

Joyce_van_Dam
Tourist
5 0 1

Hello,

For my shopify frontpage I added the code below to theme.scss.liquid to have the white slideshow text show up in front of the slide image in mobile view, as it does for desktop view. It seems like the text is there, but is behind the slide image instead of in front of it. How can I solve this?

Thanks!

@media screen and (max-width: 768px){
.index-section.slideshow-section{position: relative;}
.slideshow__mobile-text-container{
	position: absolute;
    top: 10%;
    font-size: 12px;
	color: #fff;
}
.slides__title+.slides__btn {
    margin-top: 28px;
    line-height: 20px;
    min-height: 20px !important;
}
}

 

0 Likes
Pallavi
Shopify Expert
1109 146 178

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes