[Resolved] Responsive galleries?

[Pablo]

Hello, I have a WordPress gallery with 3 columns on my website created with GeneratePress and I see that in the smartphone version, the gallery does not adapt to 1 single column, it still keeps all 3. Is there a way to solve it?

Thanks!

[Leo]

Hi there,

Give this CSS a shot:

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

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Pablo]

Thanks Leo! that was perfect;)

Regards;
Pablo

[Leo]

No problem 🙂

[Author]

Posts