Mobile menu – Overlay

Hello,

On our website I’m using the Elementor Menu Anchor Widget for navigation on my home-page. This works perfectly in a regular browser, but it couses a problem when used on a mobile phone.

On a phone the main menu transforms to a mobile menu that appears from the left side. In this menu the anchors are also used (because it’s the same menu as te regular menu – used in a browser). By clicking on a menu-item in the mobile menu, the site scrolls to the anchor, but this action it’s not visible for the visitor. The mobile menu has got an overlay that covers the full width of te side.

I’m willing to change the opacity of the menu to show the visitor the site is scrolling to the selected anchor (activiteiten / nieuws / sponsoren / contact), but I can’t find out how to do that in the (custom) CSS. Can anybody help me 😀

Thnx 🙂

The page I need help with: [log in to see the link]