Archived topic
Gallery breakpoints mobile view
4 replies · Started by Julia Wegmayr on January 20, 2022
Viewing posts 1–5 of 5
Dear GP-team,
I'm struggling with a small gallery in the footer of my website. I have six images in a gallery: three columns, two rows. In mobile view I also want to have those three columns and two rows, but the images get bigger and are displayed in two columns and three rows. Is there a way to change this via CSS...?
Hi there,
try adding this CSS:
@media(max-width: 599px) {
.site-footer .wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: .66667em;
}
}Works, perfectly fine! Thank you so much, David!
(I close the topic again) - thank you!
Glad to be of help
This archived topic is closed to new replies.
