Site logo

Archived topic

Help with formatting Footer Widgets on Tablet View

1 reply · Started by Stacey on February 20, 2019

Viewing posts 1–2 of 2

Hi

I'm having some issues with the way the footer widgets are collapsing when the screen width is below 1010px on the site linked below.

Can you help with some CSS to just narrow the width before they then float underneath each other at smaller screen sizes. I'm still not clear exactly what to target.

Thank you

Hi there,

try this CSS:

@media (max-width: 1070px) and (min-width: 768px) {
    .inside-footer-widgets .tablet-grid-50 {
        width: 33% !important;
        clear: none !important;
    }
    .inside-pre-footer-widgets .tablet-grid-50 {
        width: 100%;
    }
}
This archived topic is closed to new replies.