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

    I contacted the makers of the advanced layer slider about a problem where the navigation dots are overlapping my button only in mobile view for this one slider on the home page here
    screen shot here; https://ibb.co/grooe6

    and this was their reply:
    We’ve looked into this further and the problem is caused by your theme. In the theme’s shortcodes.css file there are multiple styling settings that overwrite LayerSlider’s own styles. For example:

    div .avia-layerslider .ls-fullwidth .ls-bottom-slidebuttons, div .avia-layerslider .ls-fullwidth div .avia-layerslider .ls-nav-start, div .avia-layerslider .ls-fullwidth .ls-nav-stop, div .avia-layerslider .ls-fullwidth .ls-nav-sides {
    top: -40px;
    }

    I’d recommend to contact the author of your theme to see how you can remove this .avia-layerslider class that is interfering or disable this theme behavior.

    Do you have any advice for me?
    Thanks

    • This topic was modified 2 years, 6 months ago by  amerzib.
    #895440

    Hey amerzib,

    You would need some custom CSS, try the following
    #top .avia-layerslider .ls-bottom-slidebuttons { margin-top: 40px !important; }

    And let us know if it works properly

    Best regards,
    Basilis

    #897736

    That worked for me. Thanks!

    #897921

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #903002

    Thanks you can close this.

    #903023

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Slider Navigation on Mobile’ is closed to new replies.