Slider text doesn\'t display in mobile

Hi.
After configuring slider, I can’t see any text or button in mobile.
I can see it on PC only,

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
please provide url and i will take a look

Sure.

Good evening

Slider text is hidden by default, we have also exactly the same on our demo:
https://colorlib.com/tyche/

How can I display it using CSS on mobile?
I really need it.

good morning

Not an easy thing but can help you, try this code:

@media (max-width: 767px){
.main-slider .hero-caption.left {
left: 0%;
}
.main-slider .hero-caption {
text-align: center;
}
.main-slider .hero-caption .year {
font-size: 18px;
}
.main-slider .hero-caption .caption {
font-size: 18px;
width: 100%;
}
.main-slider .hero-caption {
display: block !important;
}
}

1 Like

It works for me.
Will you add this code in next version of the theme?

Good morning

Which code? :slight_smile: i believe this is a temporary problem, no code is necessary for such problems
Is there anything else?

CSS code that you published in this post.

Sorry, i messed tickets :slight_smile:

Your voice is considered and i added this code in our todo list:

developers will decide when and how to add this code in the theme
OK, i will close this case now

Thank you!!! I tried numerous fixes but this one worked!

Glad to know it helped :slight_smile: