Here is a sneak peak at the new layout for the Image Gallery Tab. This new layout is fully responsive (as shown in the images below).
full width

This is full width right before the first media query breaking point (as the sidebar disappears past this point). As you can see, the main image resized as well as the thumbs slider dynamically resized.

This is after the first responsive breaking point (sidebar drops to the bottom). As you can see, after the side bar dropped, the image resized larger from the previous image as well as the thumbs slider.

This view is after the Narrow responsive break (for smart phones).

This view explains what the two boxes are in the upper right of the gallery. The Thumbnail slider can be enabled/disabled and you can navigate left and right via the arrows on the large image itself.

full width

This is full width right before the first media query breaking point (as the sidebar disappears past this point). As you can see, the main image resized as well as the thumbs slider dynamically resized.

This is after the first responsive breaking point (sidebar drops to the bottom). As you can see, after the side bar dropped, the image resized larger from the previous image as well as the thumbs slider.

This view is after the Narrow responsive break (for smart phones).

This view explains what the two boxes are in the upper right of the gallery. The Thumbnail slider can be enabled/disabled and you can navigate left and right via the arrows on the large image itself.

Upvote
3