To make the add to cart button in WooCommerce stick to the bottom on mobile devices like Aliexpress, you can use CSS code to position it. Here are the steps:
@media (max-width: 767px) { .single-product .woocommerce .singleaddtocartbutton, .single-product .woocommerce div.product form.cart .grouped_buttons .button {
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1);
background: #fff;
padding: 15px;
}
.single-product .woocommerce div.product form.cart {
padding-bottom: 70px;
}
}
This code will make the add to cart button fixed at the bottom of the screen on mobile devices. The button will have a white background, box-shadow, and padding. The padding added to the form will prevent the button from overlapping the product description.
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2022-04-20 11:00:00 +0000
Seen: 3 times
Last updated: Jul 17 '21
Is it common for IP cameras to be compatible with both RTSP Version 1 and Version 2?
When I stop scanning with bluetoothctl, my device disappears from the list of devices.
What is the problem with suspected MTU/MSS and why is it difficult to fix?
What is a responsive image map?
How can I access Flask Server on other devices within the same network?
How can I resolve the wrong key error in Flutter on Android devices by following the documentation?