Navbar interaction and blur background

Hello everyone!

I am creating a navbar for our company’s website.
And I have 2 questions to ask.

First, I am encountering a problem…

As the picture shown, when hovering over the open menu, the menu title should have a white background.
I am not sure if it is because of the dropdown menu inside the dropdown menu,
but when hovering over the second link of the first menu (Social Impact),
the dropdown menu title (Solution) has no respond…

Does anyone know how to resolve this issue?

Secondly, is there any way that I could create a blur background for the navbar and its menus?

Thank you~

Here is my public share link:

The nav bar I am referring to is under the page “Navigation Test”

1 Like

Design desired for blurred background: