Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 7, 2016 at 9:24 pm #628689
    mcraig77

    When I view my site on mobile the layerslider elements become cutoff and overlap. Is there anyway to fix this?

    May 7, 2016 at 9:44 pm #628695
    Basilis

    Hey mcraig77!

    That is because of Responsivness and the CSS queries that need to work for mobile.
    Have you added anything related to that? Do you know how to do it?

    CSS Media Queries & Using Available Space

    Regards,
    Basilis

    May 8, 2016 at 6:06 am #628804
    mcraig77

    Ahoy Basillis –

    I’ve maybe done it once but I’m no pro…I havent added anything like that

    May 10, 2016 at 3:46 pm #629996
    Ismael

    Hi,

    The header look a bit broken on mobile view. There’s a huge gap on top of the logo. Remove it with the following code:

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

    In the layer slider settings, did you specify the value of the Layers Container field? This container will constrain the layers in the middle of the main layer slider container.

    Best regards,
    Ismael

    May 11, 2016 at 12:43 am #630308
    mcraig77

    Ahoy Ismael –

    I’m not sure how to specify the value of the Layers Container field. Is that this area? The buttons are the issues… is there a way to make them just resize?

    May 12, 2016 at 9:30 am #631237
    Ismael

    Hi,

    The Layers Container field is located in the Slider Settings > Layout > Full-width slider settings section.

    Best regards,
    Ismael

    May 12, 2016 at 7:22 pm #631538
    mcraig77

    Thanks

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Advanced Layerslide on mobile Issues’ is closed to new replies.