Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1053757

    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,

    #1053995

    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

    #1054828

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

    • This reply was modified 5 years, 11 months ago by c3idesign.
    #1055104

    Hi c3idesign,

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

    Best regards,
    Nikko

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