Update to Pro 4.3.3 broke layout of coupon area in WooCommerce Cart Page

After updating to 4.3.3 the checkout page has some layout issues. In particular the coupon area and cart total area elements are all now alighted to the left instead of inline. You can see it here if you add something to the cart https://myfmquestforthebest.com/cart/. I’ll include a screen shot below as well. Using the Integrity Stack.

Thanks!

Hi @olwm,

Thank you for reaching out to us. After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

If the issue persists then please check for the following first:

  1. TESTING FOR PLUGIN CONFLICT
  2. CHILD THEME
  3. CSS/JS CUSTOMIZATION
  4. DISABLING CACHE
  5. VERSION COMPATIBILITY

If you still have problems then please get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thanks!

Thanks @nabeel - I check everything and it’s still not working. I did compare one site we have that I have not yet upgraded to the latest Pro theme and there are sigificant differences in the pro/framework/dist/css/site/woocommerce/integrity-light.css file for the coupon area. The new one is using a flex display where the old didn’t have a display css attribute.

Old
Screen Shot 2021-05-13 at 10.45.12 AM

New
Screen Shot 2021-05-13 at 10.45.03 AM

Hello @olwm,

I suspect this could be a bug of the latest release and we have already reported the issue in our issue tracker so this will be queued to be investigated by our development team and if in case they label this as a bug, they will include a fix in one of the succeeding updates.

Please stay tuned for the succeeding updates.

Thanks for understanding

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.