The checkout page has display problems
-
The checkout page shows elements that are not formatted correctly:
– payment methods are not visible and aligned
– shipping fields in case of “Different shipping address” are always open and visible
– the list of products in the cart is formatted badly
Could you help me?
Hello web-3857,
Thanks for reaching to us and appreciate your patience.
1. You should deactivate all plugins (except Required Plugins) and then reactivate them one by one. This makes it very easy to isolate the plugin causing problems.
2. Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?
Best Regards,
Hello,
with the woodmart theme active the problem is caused by the Elementor plugin.
So I reactivated all the plugins and changed the theme first Hello Elementor and the problem disappears.
If I reactivate Woodmart the problem returns.
How can we solve it?
Thanks
If i try Storefront theme, the problem disappears.
Hello web-3857,
Would you mind if I deactivate extra plugins for testing? Please confirm me back.
Regards,
Hello,
with the Woodmart theme active, the problem is caused by Elementor (in fact if I deactivate Elementor the problem disappears)
If I change the theme and activate Storefront, keeping all the plugins active (including Elementor) no problems arise.
What would you like me to do now?
Hello web-3857,
I mean can I deactivate plugins myself and double check?
Regards,
Yes but only on the staging site.
now i give you access to my staging site.
In staging site you can do any test.
Hello web-3857,
1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:
ul.wc_payment_methods > li.wc_payment_method > p{
display: inline-flex;
line-height: 1;
}
ul.wc_payment_methods > li.wc_payment_method > p br{
display: none;
}
2. Navigate to WooCommerce > Settings > Shipping. Click on the Shipping Options tab > Set Force shipping to the customer billing address: https://ibb.co/hxkkBsyw
3. To assist you in the best possible manner, I kindly ask that you please provide me screenshots that illustrate the problem to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
.
