Woodmart cuts off the shipping layout

Hey, the theme cuts off the shipping layout in the checkout page. Please find the video attached. Can you please fix this via CSS?

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Please find the credentials attached:

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if it is our theme issue or not?

Best Regards,

It’s working fine with other themes, the issue is with your theme only.
Please check the screenshot attached – the dropdown menu continues below its section and it’s not cut off.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say, The login link details you provided are not working anymore. Please share the correct login details so I can check the issue and give you a possible solution.

Best Regards

Please try with these:

Hello,

Try to add the following custom CSS in Theme settings > Custom CSS and check how it works:

.woocommerce-checkout-review-order-table,
.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table tr,
.shipping-order-review {
    overflow: visible !important;
}

.multiselect--active {
    z-index: 9999 !important;
}

.multiselect__content-wrapper {
    z-index: 9999 !important;
    position: absolute !important;
    display: block !important;
}

Best Regards,

Hi, I’m not sure you are getting what exactly the issue is. WIth this code it’s getting worst – the dropdown menu with the offices can’t be closed when I add your code, please check the video: https://streamable.com/z7ccmw

The idea here is to expend the dropdown list with the offices. When I use your theme, this list is very small. Please check the video in the first message:
https://streamable.com/y8swky

Hello,

Sorry for the inconvenience. Try to add the following custom CSS in Theme settings > Custom CSS and check how it works:

.checkout-order-review .woocommerce-checkout-review-order .wd-table-wrapper {
    overflow: visible !important;
}

#shipping_method .multiselect__content-wrapper {
    max-height: 500px !important; /* Increase this to show more items */
    position: absolute !important;
    z-index: 99999 !important;
    background: #fff !important;
    border: 1px solid #e8e8e8 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
}

Best Regards,

Thank you! It’s working now!

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts