FROM CACHE - en_header

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

Joyce_van_Dam
Tourist
11 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;
}
}

 

Reply 1 (1)
ZestardTech
Shopify Expert
3560 589 825

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