Tagged: advanced layer slider
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
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
That worked for me. Thanks!
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
Thanks you can close this.
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon