Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2019 at 6:24 pm #1053757
    c3idesign

    How can I adjust the slider height on mobile devices? I’ve tried a few suggestions from this forum, but unsuccessful so far.

    slider on this page – http://c3idesign.com/ah/home-ver-2/

    Also, how to remove the shadow at the top of the slider?

    Thank you,

    January 15, 2019 at 9:01 am #1053995
    Nikko

    Hey c3idesign,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    @media only screen and (max-width:479px) {
  #layerslider_2.ls-device-is-phone {
    height: 200px !important;
  }

  #layerslider_2.ls-device-is-phone .ls-wrapper .ls-wrapper.ls-in-out p.ls-layer {
    margin-top: 40px !important;
  }
}

    Best regards,
    Nikko

    January 17, 2019 at 3:06 am #1054828
    c3idesign

    No change to mobile version. But nevermind, found an alternative for that element.

    • This reply was modified 5 years, 10 months ago by c3idesign.
    January 17, 2019 at 6:23 pm #1055104
    Nikko

    Hi c3idesign,

    Glad that you found an alternative solution. :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Layer slider – mobile settings (hide layer) and shadow’ is closed to new replies.