[Resolved] Image Gallery Stack on Mobile

[SLIM]

I’d like to PREVENT the image gallery from stacking on mobile.

I’ve set the columns to 6 (as i’m displaying 6 icons) which is very doable on a mobile screen.
However, on mobile it keeps switching it to TWO columns.

I tried editing WHILST in mobile view and there does not seem to be a separate editor for it?

Thanks.

[David]

Hi there,

add this CSS to your site:

figure.wp-block-gallery.grid-of-six {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.wp-block-gallery.grid-of-six  figure.wp-block-image {
    width: 100% !important;
}

then in the editor, select the Gallery Block, and in Advanced > Additional CSS Class(es) add: grid-of-six
any gallery with that class should now remain 6 columns on all devices.

[SLIM]

My man! 🙂
Thank you.

Works flawlessly.

[David]

Glad to hear that

[Author]

Posts