Display issues with WooCommerce - Selects visible through header on checkout page scroll

[insecureabnormality]

Hi there,

When I scroll down on the checkout page any of the items which are drop downs become visible through the header.

Thanks

I have attached login details in a secure note if you want to have a look.

[marc_a]

Hey Stephen,

Thanks for reaching out!

The reason why the select/dropdown is option is overlap with the header because of the Modern Event Calendar CSS. The z-index value is so high.

We need to override the z-index value, please add the code the below in the Theme Options > CSS

.woocommerce-checkout .select2-container {
    z-index: 1;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.