3 column layout clashing with class=”woocommerce-message” role=”alert”

SupportCategory: Woocommerce one page checkout and layouts Pro3 column layout clashing with class=”woocommerce-message” role=”alert”
Martin asked 2 weeks ago

Hello,
just working on our shop and trying out your one page checkout plugin which looks really good by the way and with a bit of CSS can be amended to our liking.
However we recognized that only 3 column layout is clashing with woocommerce message which appears on the left and pushes the complete checkout page to the right instead of sitting on top of it. All other layout respond correctly with woocommerce message sitting above.
Any ideas on how to fix this?
Many Thanks in advance.
Greetings
Martin

3 Answers
BluePlugins answered 2 weeks ago

Hi @ Martin

I have looked into your given link. You just need to add a ‘clear’ class before the checkout form.
Add “<div class=”clear”></div>” ,before the form. Or add the below css
.woocommerce-notices-wrapper {
clear: both;
}
. It will remove any kind of floating-issue.

Thanks

Martin answered 2 weeks ago

Thank You so much,
this was perfectly on spot diagnosis.
I will surely recommend your product.
Greetings

Your Answer