Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 22, 2016 at 11:25 pm #652408
    tlchase

    Hello Kriesi!

    We are about to go live with our site however I wanted to see if there was a way to have our main slider “taller” when its responsive on a mobile device. As you can see in the image below, the main slider is reduced to a much smaller size than the “less important” image that comes after it. I understand part of it is due to the proportions however is there any way to keep the top slider a minimum height of maybe 200 px for example even if the image is recropped?

    Thank you

    June 26, 2016 at 2:56 am #653453
    Ismael

    Hey tlchase,

    Thank you for using Enfold.

    Please try the following code in the Quick CSS field and adjust the value as needed:

    .avia-slideshow-inner {
    min-height: 200px;
}

.avia-slideshow li img {
    min-height: 200px;
    width: 500px;
    min-width: 500px;
    margin-left: -150px;
}

    Or you can add another slider for mobile. http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/

    Best regards,
    Ismael

    June 28, 2016 at 6:24 pm #654360
    tlchase

    Thanks Ismael, that seems to have done the trick!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Slider height when in mobile view’ is closed to new replies.