You’d be hard pressed to find any responsive theme that aligns widgets horizontally in responsive as in the desktop. The content would be too narrow, it wouldn’t look good or be user friendly.
I’d definitely agree with @garymanners 🙂 The reason the widgets become stacked on mobile devices is that they look much better that way on a small screen. Mobile phones are so narrow, that to have them side by side you would need super thin, tall columns.
Give this CSS a try to see what you think:
.front-widget-area .widget-area:nth-child(1):nth-last-child(3), .front-widget-area .widget-area:nth-child(2):nth-last-child(2), .front-widget-area .widget-area:nth-child(3):nth-last-child(1), .footer-widget-area .widget-area:nth-child(1):nth-last-child(3), .footer-widget-area .widget-area:nth-child(2):nth-last-child(2), .footer-widget-area .widget-area:nth-child(3):nth-last-child(1) {
margin-right: 5%;
width: 28%;
float: left;
}
You’re also going to run into so alignment issues, since the titles will be more likely to get pushed onto additional lines.
