Change Mobile Gallery View From 2 Columns To 3

Site URL: https://sliekmedia.com/links

The gallery on one of my pages is changing from 3 columns in the desktop view to 2 columns in on mobile and I would like it to stay 3 columns in any view. Please see the attached screenshots. Thanks! 

Add to Design > Custom CSS

/* Mobile gallery keep 3 columns */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1642169858447_5200 .slide {
    width: 33.3333% !important;
}
}

31 minutes ago, tuanphan said:

Add to Design > Custom CSS

/* Mobile gallery keep 3 columns */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1642169858447_5200 .slide {
    width: 33.3333% !important;
}
}

 

That worked! Thanks a lot. I have another Squarespace site where I would like to do the same thing. https://organicbrando.com/links  I tried using the same code but it didn't do anything. Thanks again, I really appreciate your help!

On 1/15/2022 at 10:12 PM, BrandoSellers said:

That worked! Thanks a lot. I have another Squarespace site where I would like to do the same thing. https://organicbrando.com/links  I tried using the same code but it didn't do anything. Thanks again, I really appreciate your help!

Use this code

/* Mobile gallery keep 3 columns */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1642258278415_9351 .slide {
    width: 33.3333% !important;
}
}