Home Forums WoodMart support forum Product information options in Products missing Reply To: Product information options in Products missing

#571303

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.