Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 26, 2013 at 3:53 pm #26782
    Wild-Speed

    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?

    July 29, 2013 at 1:05 am #131591
    Devin

    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).

    Regards,

    Devin

    July 31, 2013 at 1:38 pm #131592
    Wild-Speed

    Thanks for your answer Devin.

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

    August 1, 2013 at 4:45 pm #131593
    Dude

    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;
    
}

    August 26, 2013 at 5:39 am #131594
    wesdacar

    Hi

    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?

    website: http://maurilux.com/properties/villa-karma/

    screenschot: http://maurilux.com/wp-content/uploads/2013/08/Thumbnails-layerslider.png

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

    http://mauritius-panorama.com/.

    Can i do that in enfold as well?

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

    Thanks for answers

    August 27, 2013 at 5:37 am #131595
    Dude

    Hi!

    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;
    
}
    
}

    Regards,

    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Advanced layerslider thumbnail navigation’ is closed to new replies.