the caption in the Full Width Easy Slider is not mobile responsive.
how do i change the text size for mobile???
thanks so much
Hey RezNation,
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){
#full_slider_1,
#full_slider_1 .av_slideshow_full.avia-slideshow,
#full_slider_1 .avia-slideshow-inner,
#full_slider_1 .avia-slideshow li,
#full_slider_1 .avia-slideshow li img {
min-height: 240px;
}
#full_slider_1 .avia-slideshow li img {
width: 140% !important;
max-width: auto;
}
.html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
padding-top: 0px;
}
.avia_transform .av_slideshow_full .avia-caption-title {
font-size: 28px !important;
}
}
If you need further assistance please let us know.
Best regards,
Victoria
inserting this code in general styling did not seem to work.
i inherited this website from another designer who is no longer a part of the team and they are using a child theme. would putting the css where you described still apply?
nevermind, i opened it up in an incognito window and it worked. thank so much.
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon