Tagged: responsive
Following the above-mentioned path, upon filling out Caption Title and Text, I am noticing that when responding to mobile size factors, the messaging is off-centered and off-screen. Is there a way to correct this?
Hi jzguest!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 768px) {
h2.avia-caption-title { font-size: 24px; }}
@media only screen and (max-width: 480px) {
.avia-caption, .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 { padding: 5px; }
.avia-caption { bottom: 0; }
h2.avia-caption-title { font-size: 14px; }}
Cheers!
Yigit
Yigit,
Thank you so much! This worked perfectly. I really appreciate your help and support!
Jason