I managed to fix it by inserting this into my style.css
.caldera-grid .row:after, .caldera-grid .row:before {
display: block;
}
However I’m not sure if there will be any implications?
Hi Edmund,
I’m glad to see you were able to resolve that browser incompatibility issue.
To check for potential problems with this solution, I would like to ask you to submit a support request at calderaforms.com/support.
Please note: the Caldera Forms plugin is 100% free and open-source and always will be for users like you on the WordPress platform. However, for help from our team at Caldera Labs, the company behind Caldera Forms, we ask that you purchase Caldera Forms Pro. This is how we are able to give away such a powerful product for free, but also have a continued business that updates and improves it every day.
You can browse plans at https://calderaforms.com/pro/. Once you have Caldera Forms Pro, you can request support at https://calderaforms.com/support/.
Hello! This solution did not work for me. I didn’t notice any changes at all. I’m using this form within another portfolio plugin, so I’m not sure if that is affecting it. The form looks perfect in Chrome, but the col-sm-6.first_col and col-sm-6.last_col divs are stacking on top of each other, instead of floating left, as the CSS indicates. I tried overwriting it by using display: inline-block, and this also didn’t work.
