[Resolved] Footer widgets 2 to 1 column responsive break point

[Pete]

Hi Tom,

I have 2 footer widgets arranged in 2 columns as per the theme core settings. At ?768px the 2 columns break into 1 column (responsive). What media css do I need to keep the 2 columns until 900px?

Thanks,

Pete.

[Tom]

It should keep two columns until 768px, so you would still have two columns at 900px?

[Pete]

Exactly! Now let’s try that again with what I really meant… 500px. Derrrrrrrr.

[Tom]

Try this:

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

@media (max-width: 500px) {
    .inside-footer-widgets > .grid-50 {
        width: 100%;
        float: none;
    }
}

[Pete]

Thanks Tom works a treat 🙂

ps. just read the great you had a baby, welcome to the best years of your life!

[Tom]

Thanks! I’m so tired.

[Author]

Posts