To start adding a gallery, navigate to the page you want to edit in the admin area.
Click the blue ‘Frontend Editor’ button. This will bring you up to the Frontend Editor page, where you can see a live update of website changes that you make on the page.
Click on the ‘+’ plus button to add the gallery.
Select the ‘Media Grid’.
Once the ‘Media Grid Settings’ box opens, click the Image ‘+’ box.
If you already have the photos uploaded to the Media Library, click on the images that you want in the gallery.
Alternatively, if you haven’t already uploaded the images, click ‘Upload Files’ to upload the images to the Media Library. Once they are uploaded, you can select the ones you want to add.
Click on the ‘Add Images’ button.
Your images should now all show in the ‘Media Grid Settings’ box.
Under where it says ‘Display Style’ click the dropdown box and select ‘Lazy loading’. This will increase the loading times of the gallery page.
Click the ‘Save Changes’ button and then the click the exit ‘x’ button on the ‘Masonry Media Grid Settings’ box.
You will now be able to see the gallery on the live view. You can click on the images, to see them enlarged.
Remember to press the light blue ‘Update’ button in the top right hand corner of the Frontend Editor.