March 31, 2024 at 10:34 pm
#1438859
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
@media only screen and (min-width: 768px) {
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
position: relative;
text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
width: 300px;
height: 100px;
font-size: 24px;
}
.html_header_transparency #top #main .caption_bottom .slideshow_caption {
padding-top: 0;
}
}
@media only screen and (max-width: 767px) {
#top .caption_bottom .slideshow_caption .slideshow_inner_caption {
position: relative;
text-align: center;
}
#top .slideshow_inner_caption .avia-slideshow-button.avia-button {
padding: 10px 6px;
font-size: 10px;
}
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike