The thumb count was the problem. Thanks!
You're welcome!
To fix the gap on the left side that is set aside for the nav icon, I added to the custom.css file the following to get it to align left with the image block:
I'm glad you've been able to left-align the thumbnails to your liking. Thank you for sharing your solution.
Any ideas on how to get the thumbs to stay immediately below the image no matter what the height of the page is?
If you are looking to always have the top of the thumbnails flush against the bottom of the main image, then the only way to do this using the available configuration options would be to set imagePadding="0" and thumbPadding="0" and then either set imageScaleMode="FILL" (probably not appropriate for your gallery) or ensure that your images are large enough that they will always need to be dynamically scaled down slightly by Juicebox to fit within the gallery's image area when the gallery is displayed.
Otherwise, you could perhaps use some custom CSS such as the following to move the thumbnail container (and its navigation buttons) up slightly. (However, I would always recommend using the available configuration options where possible as Juicebox will not know of any custom CSS modifications that you make. Juicebox may expect certain elements to be in certain places and shifting them around via CSS may lead to unforeseen problems and unwanted knock-on effects.)
.jb-idx-thumbnail-container, .jbn-nav-button {
margin-top: -20px !important;
}
Again, this will work only if all your images are larger than the gallery's image area. If any of your images are smaller than the image area and are not dynamically scaled up (check your gallery's imageScaleMode value), then there may be a gap below your main images. (There is no easy way to always just attach the top of the thumbnails to the bottom of the main image.)