Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 27, 2017 at 5:44 pm #892174
    DeVolksheld

    Dear support,

    For my company I am creating a website using Enfold. I use LayerSlider, with the setting “Full size” and Hero mode on. Now on tablet and mobile, there is an enormous white gap:
    – https://imgur.com/a/lc48r

    How can this be fixed? I need the slider to be responsive in width and height so the Full size setting should be set ON.

    Kind regards,
    Jordy

    December 27, 2017 at 10:34 pm #892257
    Victoria

    Hey Jordy,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #layerslider_1 {
    height: 500px !important;
  }
}

@media only screen and (max-width: 479px) {
  #layerslider_1 {
    height: 300px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767) {
  #layerslider_1 {
    height: 95vh !important;
    width: 100vw !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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