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

    The thumbnail navigation is a great feature in the layerslider, but the thumbnails are showing in the middle of the slider.

    Is there a way to give the thumbnails a custom position within the slider?


    Hi Wild-Speed,

    Unfortunately not at the moment as far as I know. The effect is built into the LayerSlider plugin and would need to be modified on their end for best results (the plugin is a third party one Kriesi has a license to include it built in).




    Thanks for your answer Devin.

    In the global settings of the layerslider there is the option to add a CSS. Anything possible with this?


    You can reposition the thumbnails with following css code (insert it into the quick css field and change the values). However I can’t promise that it will display fine on all screens…

    .ls-fullwidth .ls-thumbnail {
    top: 10px;
    left: 100px;



    1. I got some issue with the thumbnails and the mobile view.

    They don’t stay on the bottom border in mobile view.

    A way to fix that?



    2. The Layerslider as a seperated plugin (not integrated in Enfold) displays the thumbnails under the slider like here:

    Can i do that in enfold as well?

    3. Is it possible to revome the thumbnails just in mobile view?

    Thanks for answers



    I didn’t try the code but it should work. Insert it into the quick css field

    @media only screen and (max-width: 767px){
    .ls-thumbnail-wrapper {
    display: none !important;



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

The topic ‘Advanced layerslider thumbnail navigation’ is closed to new replies.