I’m using the advanced layer slider in a number of pages on my site, However depending on if the audience is viewing our site on a mobile device or desktop, I want certain content hidden. The advanced layer slider when I set it to not appear below a certain screen resolution instead blocks out white space on the desktop site that I cannot get rid of. It doesn’t appear on desktop, and correctly only displays on mobile, but on desktop it still takes up white space.
Examples included in the private content link
Hey Clintizzle,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria
Sure thing, details below.
Hi,
Move those content inside their own color sections and then set the sections’ Screen Options accordingly. The theme automatically wraps elements in a section when they are not inside one, so those gaps or whitespaces are actually color sections.
Best regards,
Ismael
Hi Ismael,
The Advanced Layer Slider cannot be placed inside Color Sections in the Avia layout builder, nor can it be placed inside full width content sections in the Avia Layout Builder. Advanced Layer Slider exists always on the top level.
What’s the solution to this?
Hi Clintizzle,
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 (max-width: 990px) {
#layer_slider_1 {
display: none;
}
}
If you need further assistance please let us know.
Best regards,
Victoria