Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1025882

    Hello Enfold Team,

    First of all: Thank you a lot for your great work!

    I created two layer sliders:

    layerslider_1

    layerslider_2

    My goal is that layerslider_1 only appears on the Desktop and layerslider_2 only appears on mobile.

    I used this CSS:

    ………………………………………………………………………………………………….
    @media only screen and (min-width: 768px) {
    div#layerslider_2 {
    display: none !important;
    }
    }

    @media only screen and (max-width: 767px) {
    div#layerslider_1 {
    display: none !important;
    }

    div#layerslider_2 {
    display: block !important;
    }
    }
    …………………………………………………………………………………………….
    but it did not work. Could you please help me? I created a temporary login for you. Thanks a los!

    Greetings Felix

    #1026405

    Hey Felix-A,

    You can control the Layer Slider display in its own settings here
    Image 2018-10-25 at 17.40.37.png

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #1026465

    Thanks a lot !! Now the mobile version of the website looks perfect. But you can still see both sliders on the desktop.
    All I did was “Hide on mobile”. What do I have to do to hide the second slider on the desktop?

    Greetings
    Felix

    #1026490

    Hi,

    You had the wrong ID this should work:

    @media only screen and (min-width: 768px) {
    div#layer_slider_2 {
    display: none !important;
    }
    }

    Best regards,
    Jordan Shannon

    #1026651

    Sadly this did not work. Is there another possibility to disable layer slider 2 for the desktop ?

    #1026847

    Hi Felix-A ,

    I put the code on top of your Quick css and cleared the cache and the slider disappeared.

    Please check.

    Best regards,
    Victoria

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