Archived topic

Footer widgets 2 to 1 column responsive break point

5 replies · Started by Pete on March 19, 2016

Viewing posts 1–6 of 6

March 19, 2016 at 5:29 am #180262

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.

March 19, 2016 at 11:13 am #180293

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

March 19, 2016 at 5:26 pm #180350

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

March 19, 2016 at 10:41 pm #180387

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;
    }
}

March 19, 2016 at 11:22 pm #180393

Thanks Tom works a treat :)

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

March 19, 2016 at 11:37 pm #180394

Thanks! I'm so tired.

This archived topic is closed to new replies.

Start building better websites today.