Apr 12
Cart and Checkout Page Buttons Sticky on Mobile
Hello Woodmart Team,
First of all, thank you for providing such a flexible and feature-rich theme. We are using Woodmart on our e-commerce site and are very satisfied with its performance and customization options.
However, we would like to make a UX improvement suggestion regarding the mobile experience on the Cart and Checkout pages.
On mobile devices, the "Proceed to Checkout" button (on the cart page) and the "Place Order" button (on the checkout page) are often not immediately visible, especially when the pages are long or when users scroll through product or form details. This can lead to confusion or even abandonment during the checkout process.
We recommend making these key action buttons sticky at the bottom of the screen on mobile devices. This would greatly enhance usability and increase conversion rates by keeping the primary call-to-action accessible at all times.
We believe that this small UX enhancement would have a significant positive impact on mobile conversion rates and align perfectly with modern mobile shopping behavior.
Best regards
Pending
You can try something like this (add media-query for tablet/mobile only) .wc-proceed-to-checkout { position: fixed; bottom: 0; width: 100%; left: 0px; z-index: 999999; background: white; padding: 15px 10px; box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.1); }