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

    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

    #1040766

    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

    #1041066

    Sure thing, details below.

    #1043481

    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

    #1051487

    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?

    #1051959

    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

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