Site URL: https://gopher-antelope-sfzz.squarespace.com

pw: 1234

Looking to have these images 2 in a row on mobile instead of 1 on top of the other? Ive tried a few things from other threads but have only been able to get the first two to be side by side. Thanks!

Hi! There's a couple ways to approach this. I personally recommend you use the Gallery Block -> Grid design. Then I would use Custom CSS to 1. Target that specific gallery block and then target everything but the 1st and 2nd image to be 100% width. Here's an example:

#block-yui_3_17_2_1_1625336195519_3278 .slide:not(:nth-child(1)):not(:nth-child(2)) {
  @media (max-width: 640px) {
    width: 100% !important;
  }
} 

Replace the block-yui_3_17_2_1_1625336195519_3278 with your new Gallery block ID. If you need help finding it after you create the Gallery block let me know.

Hi,

You can do this from the editor.

Make sure there are 4 images each next to other.

Currently there is 1 image individually added and 3 images wrapped together.

Move them from the block where they are 3.

I hope you understand what I want to say. Then they will be displayed one on top of each-other.

yes that worked amazing thank you!

Great.

Make sure to mark this topic as answered.