ahmadtaha

it worked for me, but here is the catch. the photos now are placed randomly i cant figure out how to organize them since they are not in same order as they are in the gallery. anu idea on why is this happening? url : https://ahmadtaharetoucher.squarespace.com/

i found a code if anyone is looking for the solution. but now the images are randomly placed on the mobile , i cant seem to figure out how to organize them

Hi, Ive tried the codes provided for the other requests but none seems to solve my need. I want the masonry layout to appear the same as default that is already set up but with one or two more columns. I want this change to be applied across all pages and gallery sections. It is exactly shown as i want when i check the "Desktop site" on my phone browser. I also need a code to make the portfolio page show multiple projects in a row instead of only one. My URL: https://ahmadtaharetoucher.squarespace.com

Hi, ive been searching the whole forum. How i can set the masonary grid to 3 column in mobile view while keeping the same 0px gaps between images as in the desktop view. also how can i make more than one column for the projects mobile view in a portfolio page ? as you can see i applied the code below i found on another thread but it totally dismantle the initial design. @media screen and (max-width:640px) { figure.gallery-masonry-item { width: 33.3% !important; float: left !important; transform: unset !important; position: initial !important; display: block!important; padding: 0px!important; box-sizing: border-box; } figure.gallery-masonry-item img { width: 100% !important; } .gallery-masonry-item-wrapper { height: auto !important; } } my website : https://ahmadtaha.com/