top-menu

src/app/_modules/pages/menu/item/pages-menu-item.component.ts

@@ -39,12 +39,18 @@ export class PagesMenuItemComponent {
     return !this.current && this.pagesService.currentPage.link.startsWith(this.item.link)
   }
 
+  get nav(){
+    console.log(this.item)
+    return this.item.type.name == "nav-page"
+  }
+
   get itemClass(){
     let resp = {
       'current': this.current,
       'parent': this.parent,
       'open': this.open,
-      'selected': this.selected
+      'selected': this.selected,
+      'nav': this.nav
     }
     resp['lvl-'+this.level] = true;
     return resp

src/assets/css/_grid.scss

@@ -62,7 +62,7 @@ left-content{
 
 right-content{
   .item{display: none;}
-  pages-menu.selected{
+  pages-menu.current{
     pages-menu-item>.item{
       display: flex;
     }

src/assets/css/_main-menu.scss

@@ -11,10 +11,27 @@ header{
     pages-menu{
       flex-direction: row;
       gap:24px;
-      &:not(.lvl-0){display: none;}
-      drop-down{
-        display: none;
+      &:not(.lvl-0){
+          display: none;
+        }
+        
+      .item:not(.nav){
+        drop-down{
+          display: none;
+        }
       }
+      .item.nav + pages-menu.open.selected.lvl-1{
+          position: absolute;
+          left:0px;
+          top:100px;
+          display: flex;
+          background-color: var(--white);
+          width: 100%;
+          justify-content: center;
+
+
+      }
+
     }
   }
 };