Facts stacking on smaller screens

I have added the “facts” widget with 4 facts running across the row (like the demo) then a widget for a title, then another “facts” widget. However, on smaller screens every individual fact stacks. I notice this happens on the demo site as well. Is it possible to have them stack at least in pairs so it doesn’t look so silly on a smaller screen?

Thanks for helping. my website is growthcounsel.ca
S.

Hi,

Did you mean something like this http://prntscr.com/eo7kqv ? if yes, you can add these CSS code below to the Customize > Additional CSS:

@media only screen and (max-width: 767px){
  .widget_sydney_facts .col-md-3.col-sm-3 {
    width: 50%;
    float: left;
  }
}

Regards,
Awan

Problem solved! Thank you Awan!
S.