Menu overlay shadow problem

[catotoi]

Hello,

I have a problem about side menu on my mobile site. There is a shadow which block the clicking of users.

Any solution? Thank you.

[thescriptflow]

Hey @catotoi could you please share your Store URL and password so that I take a look and provide you Solution code.

Thanks

[devcoders]

Hello @catotoi 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[TheUntechnickle · Accepted solution]

Hey there,

Please add this CSS in your base.css file, it should solve the issue. Using position: relative changes how the overlay is positioned in the document flow, removing it from the fixed layer that was blocking interactions with your menu.

@media screen and (max-width: 749px) {
    .country-selector__overlay {
        position: relative !important;
    }
}

Cheers!
Shubham | Untechnickle

[catotoi]

Thank you very much. It worked.