Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #952208

    how do i make the fullwidth easy slider taller on mobile?

    My captions are being cut off on mobile so I need to make it taller

    my site is http://www.gt20.ca/home/

    #953098

    Hey navindesigns,

    Thank you for using Enfold.

    This is possible but it may distort the images a bit.

    @media only screen and (max-width: 767px) {
    .avia-slideshow-inner, .avia-slideshow-inner li img {
        height: 300px !important;
    }
    }

    Try to make use of the Screen Options. Add another full screen slider on the page and have it show on mobile view only. You can toggle the visibility in the elements’ Screen Options panel.

    Best regards,
    Ismael

    #957863

    so I am acutally ok with this on mobile but I would like the caption to be a bit higher JUST on mobile. so lets say CENTER LEFT instead of LEFT BOTTOM

    #959011

    Hi navindesigns,

    Do you mean the Read more button or all captions?

    Best regards,
    Victoria

    #959061

    All captions

    Read more button should be removed on mobile

    #960110

    Hi,

    Add the above css code to create more space for the caption within the slider. Again, this may distort the images a bit.

    Best regards,
    Ismael

    #960112

    thanks
    Read more button should be removed on mobile

    #960308

    Hi navindesigns,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:767px) {
      #top .avia-slideshow-button {
        display: none !important;
      }
    }

    Hope it helps :)

    Best regards,
    Nikko

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