Single Thumbnail Gallery and Dynamic Sizing

First of all, thank you for making this wonderful plugin. It’s simple, easy to use, and addresses basically every use case that I need for displaying images.

I wanted to report one issue that I was having with the Single Thumbnail Gallery; specifically, this gallery type requires you to specify a static thumbnail size (in pixels) which does not appear to dynamically resize like most of the other album types do when the window size is adjusted, or even based on the device screen size. This frequently results in the gallery thumbnail “running off” the page if the container housing it is smaller than the fixed dimensions that are specified. It’s especially noticeable on mobile platforms such as phones and tablets, which tend to have lower resolutions. My blog isn’t publicly hosted yet, but I have a few example screenshots showing what’s happening:

http://imgur.com/r896zDV (Desktop, full screen size. Slight runoff, but still mostly fits in the div container)
http://imgur.com/U9S94nt (Desktop, with the window resized to half. The thumbnail very clearly runs off the page)
http://imgur.com/WdCI6HR (Nexus 7 tablet; again, the thumbnail runs off the page)

The workaround option right now would simply be to choose a very small static thumbnail size, but even this would have to be very, very small in order to properly fit within phone resolutions. I’ve tried some CSS magic to circumvent the issue, but nothing seems to address it properly.

It would be much more robust to optionally be able to specify thumbnail height and width as percentages (instead of just raw pixel sizes) of the current container, and then also support dynamic resizing if the window size is adjusted by the user. This would also make mobile support for this gallery type much improved as well.

Note that I am using the “full-width: block” position option for all of these examples. I am also using a very small line of custom CSS to center this gallery type, as I found that it consistently aligns to the left unless I include the following (assume gallery-626 is a specific Single-thumbnail gallery):

#foogallery-gallery-626 {
text-align:center;
}

Is there any simple fix for this sizing issue that you guys can think of? I appreciate the support and thank you again for the great plugin.

https://wordpress.org/plugins/foogallery/