Edit mobile navigation

Hi

We got our navbar from a template and we use a gradient for the background of our navbar, this works perfectly fine on desktop and smaller screens when it’s closed. But when I want open the navigation on tablet and smaller screens, it looks really weird and it’s unreadable.

When I try to adjust its background, I get a very strange frame around it. I would like to be able to put a darker (and possibly blurry) background with the whole thing, without the main navbar adjusting with it everywhere.
What I want as a result is the same thing as we have on our current website: https://www.eeveemobility.com/

Does anyone have experience with this, or does anyone know the best way to adjust this?


Here is my site Read-Only: Webflow - EEVEE 2024 redesign Working