Change image rows and columns in mobile

Polinamireau · March 30, 2021

Site URL: https://sealion-poodle-8mph.squarespace.com/about

Hello, on my desktop version I have 2 rows and 4 columns of images. How do I make it so that in mobile it shows 2 images per row? (2 columns, 4 rows). Right now it's showing one image per row in one column on mobile.

Website: https://sealion-poodle-8mph.squarespace.com/about

Password: Welllivedlife

Beyondspace · April 4, 2021

On 3/31/2021 at 12:24 AM, Polinamireau said:

Site URL: https://sealion-poodle-8mph.squarespace.com/about

Hello, on my desktop version I have 2 rows and 4 columns of images. How do I make it so that in mobile it shows 2 images per row? (2 columns, 4 rows). Right now it's showing one image per row in one column on mobile.

Website: https://sealion-poodle-8mph.squarespace.com/about

Password: Welllivedlife

The password is incorrect

Welllivedlife

Polinamireau · April 18, 2021

On 4/3/2021 at 9:37 PM, bangank36 said:

The password is incorrect

Welllivedlife

Site is live now

tuanphan · April 21, 2021

@Polinamireau Add to Design > Custom CSS

/* About page 2 columns mobile */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1615590475670_10623+.row .span-3 {
    width: 50% !important;
    float: left !important;
}
div#block-yui_3_17_2_1_1615590475670_10623+.row .span-3:nth-child(2n+1) {
    clear: left !important;
}
}