Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 31, 2019 at 9:08 am #1060831
    vinayb

    This is the most common issue we find working with all sites using Enfold. When using Advanced Layer Slider, it gets very small in mobile phones. Is there any way we can show a much larger slider in mobile using advance layer slider?

    one example is https://kaboodle.wpengine.com/ please help

    February 1, 2019 at 9:08 pm #1061716
    vinayb

    Hi there, still waiting for your reply. I realized my support was expired. probably that is why you were not responding?
    i just renewed it. Please respond to my query above. thanks

    February 1, 2019 at 10:17 pm #1061729
    Victoria

    Hi vinayb,

    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 (max-width:479px){
    #layerslider_1, #layerslider_1 .ls-wrapper, #layerslider_1 .ls-wrapper img.ls-bg {
        height: 230px !important;
    }
    #layerslider_1 .ls-wrapper img.ls-bg {
        width: 160vw !important;
    }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 3, 2019 at 10:08 am #1062161
    vinayb

    It increased the height of the slider but when it goes one one slide to another slide, it comes again in smaller height and when reaches to next slide, it again increases the height. So in a way, it did not completely resolved the issue. thanks

    February 5, 2019 at 7:14 pm #1063258
    Victoria

    Hi vinayb,

    Looks like the slider is totally hidden now in portrait mode on mobile. Are you hiding it?

    Best regards,
    Victoria

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