How to change grid view on small mobile devices

If device screen is smaller than 480px width, all gallery image widths will be 100% like the following;


If you want you can change this structure.

Go to Plugins->Editor and open style.css file in the plugin’s folder. Find the following code at the bottom of the file;

width:100% !important;

and change “100” with another value. You can use 50,33,25,20…etc.


If you change it with “50”, result will be like the following;


How to disable lightbox on small devices

If you don’t want to use lightbox on small mobile devices, you can add the following css code to the same field (it works on most of the mobile devices);

pointer-events:none !important;