Header Menu items opening behind the page

Previously, the .container class had unnecessary CSS that was causing the issue.
I’ve added a custom CSS override in your custom code section, which has resolved the problem.

    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
backdrop-filter: unset !important;
width: 90%;
    }
@media (min-width: 992px) {
a#modal-menu-toggler {
    position: relative;
    z-index: 12;
}
#modal-menu{
top: 0 !important;
}
#modal-menu .container{
    background: #f9f9f9 !important;
    box-shadow: unset !important;
}
}

Thanks