Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 7, 2020 at 2:43 am #1201412
    tonyiatridis

    Hi

    Just updated to Enfold 4.7.4

    I have been using css to hide layer sliders on the desktop and mobile versions as I have different layouts for each, for instance:

    /*home page sliders*/
    @media only screen and (min-width: 767px) {
    #layerslider_151{
    display:none!important;
    }
    }

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

    See sliders here:

    Home

    With this update the css breaks and layer sliders on the site (and there are many) show both versions on both the desktop and mobile versions.

    While I wasn’t using it before I also notice the ‘hide on mobile version’ option in the layer slider settings also no longer works.

    Ekk, I remember placing the layerslider with a shortcode into a layout item also didn’t work well for me back when I first started this so I’m not going to try a workaround with that.

    Could you have a look please? Bad timing as the client is eager to migrate and launch. I gather something changed with the update as nothing else did?

    Thanks so much! Your support is always so awesome. Especially in this difficult time it means a lot how great you guys are.

    Tony

    April 8, 2020 at 4:43 am #1201744
    Rikard

    Hey tonyiatridis,

    Sorry for the problem. The IDs you are using are not correct, please try using this CSS instead to see if you have any luck with it:

    /*home page sliders*/
@media only screen and (min-width: 767px) {
#layer_slider_1{
display:none!important;
}
}

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

    Best regards,
    Rikard

    April 8, 2020 at 4:41 pm #1201949
    tonyiatridis

    Hi Rickard,

    Yes that works great, but I don’t understand how to find the appropriate number for the other sliders?

    When I look for the slider ID the numbers for these two for instance are 151 and 145, not 1 and 2. I was using the ID that is given for the shortcode before which had been working.

    Also the correct convention now is layer_slider_1 not layerslider_1. correct?

    Thanks so much for swift reply.

    Tony

    April 9, 2020 at 1:45 pm #1202289
    Rikard

    Hi Tony,

    The ID should correspond to in which order they have been added to the layout, so if you are adding two sliders to each page then the CSS I posted should be enough. If it shouldn’t work then you can inspect the elements in your browser to find the ID, or let us know where to find them and we’ll have a closer look.

    Best regards,
    Rikard

    April 9, 2020 at 5:25 pm #1202411
    tonyiatridis

    hi Rikard,

    Thanks that worked. Oddly after changing just the homepage sliders to the new convention of 1 and 2 in the css all the other ones worked again with the original numbers from the shortcode in the css. I changed them all to the new convention of course as it is correct. Thanks for clarifying how that works. You guys are the best.

    Tony

    April 9, 2020 at 7:46 pm #1202461
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    April 9, 2020 at 9:18 pm #1202494
    tonyiatridis

    Nope, all good , thanks so much.

    April 11, 2020 at 12:06 am #1202788
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘After upgrading Enfold to current version css to hide layersliders breaks’ is closed to new replies.