[Resolved] Keeping 3 x footer widgets for tablet screen size

[Anton]

How do I get the footer widgets to keep showing 3 x 33% when the browser viewport is reduced to tablet size? (Instead of collapsing to show 2 x 50% widgets and 1 x 100% underneath them.)

Thanks

[Tom]

Hi there,

This should help: https://generatepress.com/forums/topic/footer-widgets-cut-off-for-multiple-rows/#post-135953

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton]

Can’t it be done just using some CSS?

[Tom]

Give this a shot:

@media (max-width: 1024px) and (min-width: 769px) {
    .inside-footer-widgets .tablet-grid-50 {
        width: 33.333%;
    }
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Anton]

Thanks Tom. Don’t we also want “…and (min-width:768px)” so it still collapses to one column on mobiles?

Anton

[Tom]

Ah, you’re right. I just adjusted the CSS above 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts