[Resolved] Disable 3 Footer Widgets from stacking until Mobile

[Randy]

Hey guys!

I need help keeping my 3 column footer widgets from stacking until the screen hits 767w. Currently, they stack for tablet at 1024w and mobile at 768w. None of the existing posts here seem to do the trick. Any help would be greatly appreciated. Thanks!

[Leo]

Hi there,

Try this CSS:

@media (max-width: 1024px) and (min-width: 768px) {
    .footer-widgets .tablet-grid-50 {
        width: 33% !important;
    }
    .footer-widgets .inside-footer-widgets>div:nth-child(odd) {
        clear: none;
    }
}

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

Let me know 🙂

[Randy]

Works like a charm! Once again, the GP support team comes through in the clutch. Thanks Leo!

[Leo]

No problem 🙂

[Author]

Posts