To give your site’s guests a fantastic user experience even when browsing with a mobile device, you can use the responsive breakpoints option. It will change your gallery’s grid settings to make it look good on mobile and tablets by leting you set the gallery dimensions for screens of different sizes. The good thing is that you can set not just one breakpoint, but as many as you need.
So how do you use this option? To set the responsive breakpoints, go to Content tab, and press Add Breakpoint. Set the window width in pixels, the number of rows and columns for your gallery, and the gutter value. You can set several breakpoints for different screen sizes. Don’t forget to save the changes after you’re done. You can use your own dimensions when setting the breakpoints, bit these are the values that we recommend for different kinds of breakpoints:
- 1024 (for tablets with landscape orientation) for 3 or 4 columns at best;
- 768 (for tablets with portrait orientation) for 2 or 3 columns at best;
- 480 (for mobile phones) for 1 or 2 columns at best.