From 4a92ade93ca4a2219f31ffca215ee2a7712c705f Mon Sep 17 00:00:00 2001
From: Steffen Illium <steffen.illium@gmail.com>
Date: Mon, 29 Sep 2025 10:40:42 +0200
Subject: [PATCH] navigation menu style fixed: transparency

---
 components/element-navigation-menu.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/element-navigation-menu.tsx b/components/element-navigation-menu.tsx
index 9e25068c..acf988b8 100644
--- a/components/element-navigation-menu.tsx
+++ b/components/element-navigation-menu.tsx
@@ -54,14 +54,14 @@ const components: { title: string; href: string; description: string }[] = [
 
 export function MyNavigationMenu() {
   return (
-    <NavigationMenu viewport={false}>
-      <NavigationMenuList>
-        <NavigationMenuItem>
-          <NavigationMenuTrigger className="bg-background/10 backdrop-blur-sm shadow-xl">
+    <NavigationMenu viewport={false} className="bg-transparent px-2">
+      <NavigationMenuList className="bg-transparent">
+        <NavigationMenuItem className="bg-transparent">
+          <NavigationMenuTrigger className="bg-transparent px-2">
             Navigation
           </NavigationMenuTrigger>
-          <NavigationMenuContent>
-            <ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] bg-background/10 backdrop-blur-sm shadow-xl">
+          <NavigationMenuContent className="bg-transparent absolute w-[200px]">
+            <ul className="grid gap-2 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr] ">
               <li className="row-span-3">
                 <NavigationMenuLink asChild>
                   <a