Same issue!

Site URL: https://www.hayleighmagor.com/

Hi there,

I have a similar issue, on DT i have 6 logos in a row but when i look on mobile the logos are stacked 1x1. Could you let me know how i can add CSS to make the logos 2x2 on mobile?

Thanks!

Hayleigh

It looks like you're using standard image blocks, this is much easier to adjust if you have a gallery instead. Squarespace (in classic editor) simply stacks all blocks on mobile. It is possible on Fluid Engine editor to adjust the block layout, but to do this effectively I would suggest putting in a grid gallery, you can then add some CSS like this to adjust the mobile layout:

 @media only screen and (max-width: 640px) {
 .sqs-gallery-design-grid-slide { 
     width: 50% !important;
    }
 }

This code is global, so if you want to target it to one gallery you'll have to set that up and then I can target the correct block in some revised code.