Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #633938

    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….

    #634492

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.