Slider Text Not Showing on Mobile

Hi there. On desktop I can easily see the text on the slider header, on mobile, the text doesn’t show up. How can I fix this?

Hello,

You can disable your additional CSS code and see if that helps.

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support

Thank you. I would like to keep the CSS for the desktop view. Is there a way to remove the additional CSS for mobile?

This is the code:

.text-slider .maintitle, .text-slider .subtitle {
padding: 0px 400px 30px;

}

I don’t like how the original CSS has the slide text go all the way across the screen on desktop. And so I want the text to be more centered like how I’ve attached. But the padding pushes the text out of view on mobile. Is there a way to keep it displayed this way on desktop and not affect mobile?

Hello, you can use CSS Media Queries:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Kind Regards, Roman.
aThemes Support