Hover shop display !

Hi , i have this probleme
https://streamable.com/jr1des
Especially on mobile! The “add to cart” button isn’t visible when the customer selects a variation! For example, 10 ml
This problem leaves the customer confused about where they need to click!
The button must be clearly visible and not hidden!

Hello,

Try to add this code in Theme Settings > Custom CSS > Custom CSS for mobile.

.quick-shop-wrapper .woocommerce-variation-add-to-cart {
        margin-top: 10px !important; /* move button closer to variations */
        position: sticky !important;
        bottom: 10px; /* keep visible near the bottom */
        z-index: 20;
    }

Best Regards,

[Author]

Posts