Hi, I have used the Advanced layer slider on our website’s homepage.
How can I increase the text size of the layers when displayed on the mobile screen? As of now, the font size is very small on mobile view and makes the website look very unprofessional.
I have been checking the forum but unable to get the right code. Please, can you help me with this urgently?
Hey Kamakshi,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media only screen and (max-width: 767px) {
.ls-wrapper.ls-in-out h1,
.ls-wrapper.ls-in-out p {
font-size: 18px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria