Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #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;

    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?

    • This topic was modified 6 years, 3 months ago by amerzib.

    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,


    That worked for me. Thanks!



    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,


    Thanks you can close this.



    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.