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

    Hi!
    For some time now, I’ve been hiding a layerslider on the desktop version of my website by adding this code in the “customize” section:

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

    Please keep in mind that I don’t know anything about CSS :) but I found this solution online (probably here on the forum, can’t remember) and it worked perfectly. However, yesterday I updated Enfold to the last version (4.7.5) and this solution doesn’t work anymore. My layerslider, which is only intended for mobile, is fully visible also on desktop.

    I hope that’s clear, can you help?
    Thank you

    #1217256

    Hey armonicafilm,

    Sorry for the problem. It looks like the ID of the element has changed, please try this CSS instead of your current:

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

    Best regards,
    Rikard

    #1217301

    Hello Rikard,
    I replaced the code but it still doesn’t work. Do you have any other suggestion?

    Thank you very much!

    #1217437

    Hi armonicafilm,

    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: 767px) {
       .home #layer_slider_1 {
            display: none;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1217648

    Hi!
    This works now, thank you very much!
    Best,
    Roberta

    #1217813

    Hi Roberta,

    Glad we could help :)

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

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