My caption doesn’t fit on the mobile screen. I am trying to change the font size from 20px to 15px which I think will fix it. I used this CSS code:
@media only screen and (max-width: 479px)
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}
But it didn’t work. Suggestions?
Website: http://box5407.temp.domains/~theinuo4/
Thanks!
Hey ginnywills,
Please try this instead:
@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 15px !important;
}
}
Best regards,
Rikard
Hi there
That did not work either. Any other thoughts?
Hi,
Thanks for the feedback, though I can see the code applying on my end. The font is 15 pixels on phone sizes. Maybe you want it to apply up to tablet size as well? If so you can try to adjust the media query pixel value to 767 instead.
Best regards,
Rikard
Thanks for this.
Yes – that CSS code is working. Perhaps mine was cached or something.
I also did not realize I could adjust the slider title in the options. Very cool.
Thanks!
Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit