Redesigning a site for a client on a temp url, and need to thumbnail navigation on layer slider slideshows, for instance here:
The thumbnail nav seems to be enabled.
Doesn’t work with all plugins disabled so not a conflict. I must be missing something.
In the layerslider area the slider is [layerslider id=”18″] Architecture
I wonder if this has something to do with using one of the pre-fab layersiders which didn’t have thumbnails.
Anyway How can I turn them on/
Thanks so much.
Hey tonyiatridis,
Thank you for the inquiry.
We enabled the Project Settings > Navigation > Show Navigation Buttons > Slide Navigation Buttons, then added this css code to make the thumbnail navigation fullwidth.
.ls-noskin .ls-thumbnail {
top: 0px;
width: 100% !important;
}
Best regards,
Ismael
Awesome, thanks so much.
Hmm, actually one odd thing is happening, when you mouse over the thumbnail the grid of thumbnail moves and seems to center under the slideshow. Is there a way to make them stay put?
Hi,
Thank you for the update.
You can add this code in the Quick CSS field to keep the thumbnail slide navigation from moving.
.ls-thumbnail-slide {
margin-left: 0 !important;
}
Let us know the result.
Best regards,
Ismael
Awesome, thanks!