I’ve noticed that cart page layout is broken on mobile devices. All versions both Woocommerce and Elementor are up-to-date.
You can se that “Apply coupon button” is completely out of layout. Are you aware of this issue? What can I do to fix it, since it’s impacting my business.
The page I need help with: [log in to see the link]
I checked the screenshot you’ve shared and your cart page. It looks like you’re not using the default cart block or shortcode, but rather, you’re using the Elementor widget. Additionally, it seems like your theme might be overriding the design.
To determine if this issue stems from your theme or Elementor, here’s what you can do:
Temporarily switch your theme to Storefront or Twenty Twenty-Four
Disable all plugins except for WooCommerce
Repeat the action that is causing the problem
If you do not see the same problem after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated. To figure out which plugin is causing the problem, reactivate your other plugins one by one, testing after each, until you find the one causing conflict. You can find a more detailed explanation on how to do a conflict test here.
I hope that helps! Let me know once you have done a conflict test!
Actually this issue is not resolved. I investigated a bit more. I don’t use nothing but Astra theme and on cart page it just uses short code [woocommerce_cart]
I event can see the bug in elementer preview window, when I change preview to mobile. Coupon section gets above items instead below them.
When I switch to Twenty Twenty Four issue is gone. I’m not sure what can I do to fix it. My whole website is adapted to Astra Pro theme, I cannot afford to switch theme permanetly.