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

Support › Category: Woocommerce one page checkout and layouts Pro › 3 column layout clashing with class=”woocommerce-message” role=”alert”

0 Vote Up Vote Down

Martin asked 4 months 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

0 Vote Up Vote Down

Martin answered 4 months ago

our page: https://photography-pfeiffer.com/checkout/

0 Vote Up Vote Down

BluePlugins answered 4 months 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

0 Vote Up Vote Down

Martin answered 4 months ago

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

Your Answer