Woocommerce Elementor Checkout Page Broken Layout

  • Hello,

    We noticed that the checkout page is broken on the desktop. However, my mobile is working fine.

    We’re using Elementor.

    We disabled all the plugins but the issue persisted.

    Can you please tell us how to fix this?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @trickyphotoshop,

    Please put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    .woocommerce-checkout h3#order_review_heading,
.woocommerce-checkout #order_review {
    float: none !important;
    width: 100% !important;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: if you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools.

    I hope it helps.
    Best Regards

Viewing 1 replies (of 1 total)
  • The topic ‘Woocommerce Elementor Checkout Page Broken Layout’ is closed to new replies.

Tags