[Resolved] Footer Widgets on devices aligned in two columns

[Atmostfear]

Hello,

Recently, I released a new subsite and it has 5 widgets on the footer, one of which is disabled for mobile devices, leaving it to display 4 instead.

My issue is that the widgets display as:

Information
Initiatives
Services
Compliance

I would prefer to display those like this:

Information – Initiatives
Services – Compliance

How can I accomplish this?

[Leo]

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .footer-widgets .inside-footer-widgets .mobile-grid-100 {
        float: left;
        width: 50%;
        clear: none;
    }
}

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

Let me know if this helps 🙂

[Atmostfear]

Hello Leo,

This worked out perfectly, thank you very much for the support.

[Leo]

No problem 🙂

[Author]

Posts