overriding gallery default responsiveness with column-count

sorry about this very newbie question: i’m trying to override default responsivenss of wp. I’ve setup some few image galleries, originally with 5 columns for desktop format. I wish to keep my galleries with fixed number of columns for smaller viewports.

I’ve added this custom css.

My issue is: it is not working as I expected.

I’d appreciate any help. txs.

@media only screen and (max-width: 801px) {
.myClass_galleryReferences {
column-count: 4;
}

.myClass_galleryHizmetler {
column-count: 3;
}

.myClass_galleryMethods {
column-count: 2;
}

.myClass_gallerySectors {
column-count: 3;
}

.myClass_galleryTeam {
column-count: 2;
}
}

Read more here:: overriding gallery default responsiveness with column-count

Leave a Reply

Your email address will not be published. Required fields are marked *