Parz1978

Hmm, that image you sent is what I am hoping for, but on my end it still comes up as just two columns on a mobile. You can see in this screenshot that I have it set to five, which works on desktop, but for mobile is still restricting to two, as far as I can tell. Thanks again for your help. Mike.

Thanks! This worked perfectly. Much appreciated. Mike.

Right, thanks... I'm not sure why the config/pages below doesn't have the 2023 component at the end, are either of these links helpful? My goal is to get the section with all the sponsor logos to be 5 columns on a mobile view, as it is on the desktop view, so it's not such a long scroll. Thanks for any thoughts and let me know if there's a different URL I can supply. Mike. https://parziale.squarespace.com/config/pages https://www.parziale.com/2023

Hi there, anyone know if there's a bit of code, or a work-around, for having a different number of gallery columns between the desktop or mobile presentation? I'm using the 'masonry' grid and if I change the column count it effects both presentations. Thanks, Mike.

https://parziale.squarespace.com/config/pages Is this the link you would need? POW is the name of the subpage. Password should be set to public. Thanks for taking a look and let me know if that's not the right link. Mike

Hello Forum, I've been using this block of code in the advanced panel of 'Page Settings' in order to assure that on a mobile device the gallery images display as a single column. The problem I'm having is that it doesn't add any padding below the images and they just stack on top of each other. Anyone know if I can alter this code to adjust bottom padding? As a crappy workaround I just added a caption to every photo which is set to <br> but it adds too much padding to both the mobile and the desktop photos (see screenshot below). Thank you for any thoughts. Mike. <style> @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry .gallery-masonry-item[data-loaded] img { width: 100% !important; } .gallery-masonry { padding-left: 2 !important; padding-right: 2 !important; } } </style>