2 column sidebar similar to footer widgets when responsive

Hi Pete,

So the widgets in each sidebar split into two columns, or the left sidebar and right sidebar each be 50%?

Both would be nice, but the single sidebar would be great

For a single sidebar:

@media (max-width: 768px) {
      .sidebar .widget {
            width: 50%;
            float: left;
      }
}

Might need a little styling here and there, but that should do the trick :)

This turns it back to one column once it gets too narrow...

@media (max-width: 640px) {
      .sidebar .widget {
            width: 100%;
            float: left;
      }
}

But... it has no margin at the bottom of the sidebar

Pretty easy to add:

@media (max-width:768px) {
      .sidebar {
            margin-bottom: 20px;
      }
}

Cool i tried that in my previous css but it didn't play

Working now?

Sorry, cool, yep it works... :)

Awesome :)

resolved