Home › Forums › WoodMart support forum › Product information options in Products missing › Reply To: Product information options in Products missing
June 7, 2024 at 1:41 pm
#571303
Aizaz Imtiaz Awan
Keymaster
Hello,
Navigate to layouts > Edit Single Product Layout with Elementor > Edit Stock Status Widget and in the advanced tab set the width for only mobile devices.
https://ibb.co/54KfPZq
Add the following Custom CSS code to Theme Settings > Custom CSS > Custom CSS for the mobile section.
/* Full-width for the stock status button */
p.stock:is(.wd-style-bordered, .wd-style-with-bg) span {
display: inline-block;
padding: 8px 92px;
border-radius: calc(var(--wd-brd-radius) / 1.5);
width: 120%; /* Make the stock status button full width */
box-sizing: border-box; /* Ensure padding is included in the width */
}
/* Full-width for the quantity selector */
div.quantity {
display: block; /* Change to block for full width */
width: 100%; /* Make the quantity selector full width */
box-sizing: border-box; /* Ensure padding is included in the width */
margin-bottom: 10px; /* Add some space below for aesthetics */
}
/* Full-width for add to cart and buy now buttons */
.wd-btn-design-full form.cart :where(.single_add_to_cart_button, .wd-buy-now-btn) {
display: block; /* Change to block for full width */
width: 100%; /* Make the buttons full width */
box-sizing: border-box; /* Ensure padding is included in the width */
margin-bottom: 10px; /* Add some space below each button */
}
Best Regards.