diff --git a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/cart/full-cart/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/cart/full-cart/style.scss index f0929774092..bf4ee661b01 100644 --- a/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/cart/full-cart/style.scss +++ b/plugins/woocommerce-blocks/assets/js/blocks/cart-checkout/cart/full-cart/style.scss @@ -233,7 +233,10 @@ table.wc-block-cart-items { padding: $gap; position: fixed; width: 100%; - z-index: 1; + z-index: 9999; + } + .wc-block-cart__submit-container-push { + height: 100px; } } .wc-block-cart-coupon-list { diff --git a/plugins/woocommerce-blocks/src/BlockTypes/Cart.php b/plugins/woocommerce-blocks/src/BlockTypes/Cart.php index a82f821559c..0459c0ee935 100644 --- a/plugins/woocommerce-blocks/src/BlockTypes/Cart.php +++ b/plugins/woocommerce-blocks/src/BlockTypes/Cart.php @@ -52,6 +52,15 @@ class Cart extends AbstractBlock { do_action( 'woocommerce_blocks_enqueue_cart_block_scripts_before' ); $this->enqueue_assets( $attributes ); do_action( 'woocommerce_blocks_enqueue_cart_block_scripts_after' ); + + // Add placeholder element to footer to push content for the sticky bar on mobile. + add_action( + 'wp_footer', + function() { + echo '
'; + } + ); + return $content . $this->get_skeleton(); }