I am a paid user of the Ninja Slider and Thumbnail Carousel scripts and I am attempting to implement a Flickr-like Slideshow (Demo 4). Unfortunately, the developer apparently is no longer offering support, not even paid support — it appears that they likely are shutting down entirely — and I am optimistic that someone on Stackoverflow has encountered these CSS or Javascript issues or similar ones and can help. Work in progress is here.
The two issues are:
(1) In full-screen mode, when viewed smaller than around 800px, it throws the slideshow down to the bottom of the page and isn’t viewable at all by default until you scroll down.
It should be possible to adjust the size in the responsive settings at the bottom of the ninja-slider-gallery.css or thumbnail-slider-gallery.css files, but resizing the elements alone changes the size, but does not change its placement.
/*Responsive settings*/
@media only screen and (max-width:800px){
/*Responsive settings*/
@media only screen and (max-width:736px){
What is the best way to modify the CSS so that the gallery is viewable by default on small displays and properly centered like on larger displays?
(2) Also an issue in full-screen mode on smaller devices, it seems to be scaling for width, but not for height. So, on a small display, the image/carousel can extend past the bottom of the screen.
I have reviewed this helpful post on Stackoverflow (which has been great for resolving past scale-related issues), gone through the provided documentation and I have read this answer on the developer's site, as well. I have looked at the code on Demo 8 (which does what I would like when in full screen mode), but there must be something I have missed.
Trying to alter the aspectRatio in the Javascript file (like Demo 8), doesn’t work for Demo 4, unfortunately.
What is the best way to modify the CSS or Javascript so that in full-screen mode, the gallery scales to fit on smaller displays — like a mobile turned landscape — in both directions? Not just width, but height, too?
Thank you very much.
