Format gallery to 3 images per row on mobile

Site URL: http://www.whispersofawitch.co.uk/portfolio

Website shows 3 images per row in the gallery blocks 

Mobile view only shows 1 image per row but i want it to show 3 as well.

Tried so many different custom css injections but nothing is changing. 

Show 3 images & still keep masonry layout? Is this right?

1 hour ago, tuanphan said:

Show 3 images & still keep masonry layout? Is this right?

Yes, keep the same sort of layout if possible.

17 hours ago, Whispersofawitch said:

Yes, keep the same sort of layout if possible.

Add to Design > Custom CSS

/* 3 columns masonry on mobile */
@media screen and (max-width:640px) {
section#new-page-3 .span-4 {
    width: 33.3333% !important;
    float: left !important;
}
}

12 hours ago, tuanphan said:

Add to Design > Custom CSS

/* 3 columns masonry on mobile */
@media screen and (max-width:640px) {
section#new-page-3 .span-4 {
    width: 33.3333% !important;
    float: left !important;
}
}

 

Thank you so much, 

The above fixed it for the first page only. Managed to find the other page numbers from the source code.
All working now!

Can anyone help with getting only certain gallery images to show in mobile view, I have 8 images to a gallery on desktop view and on mobile I would only like 4 to show. I use the simple gallery view.?

8 hours ago, BeenCreating said:

Can anyone help with getting only certain gallery images to show in mobile view, I have 8 images to a gallery on desktop view and on mobile I would only like 4 to show. I use the simple gallery view.?

Can you share link to page where you use gallery? We can help easier