Gallery goes wrong

[VBGParticipant]

Hello

I’ve tried to insert a gallery widget (6 images, 3 cols, 2 rows) in my front page.
I set it with 3 columns but it appears with 2 columns stuck left.

Can u fix it?

Thx
Vincent

[WP DrizzleKeymaster]

Hello,

Can you please send your site URL so that we can monitor and fix your issue ?

Regards.

[VBGParticipant]

Hello

https://mtfi-bretagne.com/

The gallery is on the home page.

Regards
V.

[WP DrizzleKeymaster]

Hello,

Please add the below given css to Dashboard -> Appearance -> Customize -> Additional CSS

.gallery-columns-3 .gallery-item {
    max-width: 32.33%;
}

Hope it helps.
If you like your theme and support please rate our theme on WordPress.org
Regards.

[VBGParticipant]

Hi

Thank you, but it doesn’t work when I reduce the page width (tablet, smartphone…).
Is it possible to auto change the gallery type to slideshow when the page layout is reduced?

No problem for the rating.

Thx
V.

[WP DrizzleKeymaster]

Hello,

Unfortunately it is quite out of the support scope to make the gallery a slider on mobile and responsive view but you can always hire us to customize and add the feature for you. https://wpdrizzle.com/hire/

If not please add the below given code just below the previously given code it will make your gallery items responsive.

@media only screen and (max-width: 768px) {
	.gallery-columns-3 .gallery-item {
    max-width: 48%;
}
}
@media only screen and (max-width: 550px) {
	.gallery-columns-3 .gallery-item {
    max-width: 100%;
}
}

Hope it helps.
Regards.

[VBGParticipant]

Hello

Ok I understand, I will ask if I need more help.

The gallery layout is better now, thank you.

Regards

V.

[WP DrizzleKeymaster]

Hello,

Please don’t forget to rate us at https://wordpress.org/support/theme/drizzle-business/reviews/#new-post

Regards.

[Author]

Posts