Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 19, 2018 at 11:36 am #944051
    mynick

    Hi guys,

    I could use some help :D.

    I’m using an easyslider with 2 items:
    1. Image ( 1500px – 430px )
    2. Youtube video + fallback image ( 1500px – 430px )

    In the general settings of the easyslider I put the following:
    Slider minimum height in pixel: 300px

    The result:
    On desktop ( tested in Edge, Chrome ) I get the expected result. 2 beautiful slides working as intended.
    On my Iphone I get to see the fallback image but it does not get the minimum height of 300px. So basically slide#1 is shown way bigger than slide#2.

    screenshots: https://imgur.com/a/N5TiDd4
    website: https://mb.salesatsize.com/sport/

    Any suggestions? Would appreciate it!

    Kind regards,
    Dimmy

    April 23, 2018 at 3:50 am #945202
    Ismael

    Hey jeroenvandessel,

    Thank you for using Enfold.

    The minimum height value will be applied to the images directly once set. However, it’s not going to be applied to the fall back image by default. Please add this css code in the Quick CSS field.

    @media only screen and (max-width: 1024px) {
  /* Add your Mobile Styles here */
  .avia-slide-wrap img {
    min-height: 300px;
  }
}

    Best regards,
    Ismael

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