Responsive Image Gallery Layout

The Responsive Image Gallery layout keeps all of your thumbnails the same size. You can adjust the dimensions for the thumbnails. Once you open the gallery, the lightbox will adjust automatically to the size of the image and the size of the screen.

This is the default gallery layout for FooGallery. However, if you have changed your gallery defaults, you can select this layout from the layout selector above the Gallery Settings.

Below is a screenshot of the gallery preview for the Responsive Image Gallery.

Responsive Image gallerty layout

General Settings

The general settings for the Responsive Image Gallery allow you to adjust the size of your thumbnails. You also have the option of choosing a mobile layout. This will force the thumbnails into 1, 2 or 3 columns when viewed on mobile, if enabled.

You are also able to link the images to a lightbox, and select the lightbox you want to use. Additional settings let you change the spacing between the thumbnails and set the alignment of your thumbs.

Here’s a screenshot showing these settings

responsive gallery settings

View a demo of the responsive gallery layout in action.

Resources

Find the right next step

Use this grid for documentation indexes, support routes, account links, affiliate resources, and download pages.

Documentation

Search setup guides, product docs, and troubleshooting articles.

Support

Open a ticket with product details so we can help quickly.

Licensing

Review account, renewal, refund, and license information.

Pricing update

Monthly & Lifetime plans are currently not unavailable

We’re not offering these payment options right now. Leave your name and email and we’ll let you know as soon as they return.

NameEmailNotify Me

No spam - Unsubscribe anytime