Hi guys,
The text is the full width easy slider is not changing size for some mobile devices, seems ok with an iPhone, but not an iPad?
Any ideas? Quick CSS?
thanks
Hi Marssolutions!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.avia-slideshow .avia-caption .avia-caption-title { font-size: 15px !important; }
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { font-size: 13px !important; }}
Best regards,
Yigit
Hi!
Please try as following
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.avia-slideshow .avia-caption .avia-caption-title { font-size: 40px !important; }
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title { font-size: 25px !important; }}
Best regards,
Yigit