Hey guys,
Can you provide me some CSS that will get the text and buttons to fit correctly on the main sliders for mobile? Thanks and link to the site is below….
Hey hylandgraphics,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 768px) {
.slideshow_caption { padding: 5px; }
h2.avia-caption-title {
font-size: 20px;
}
#top .avia-slideshow-button { margin-top: 5px; }}
@media only screen and (max-width: 480px) {
.slideshow_caption {
display: none;
}}
This will remove captions on mobile since there is not enough space to properly display them. You can also refer to this post to remove the slider on mobile – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/
Best regards,
Yigit