Mobile nav: show only Home, Products, Purchase inline
This commit is contained in:
@@ -393,9 +393,9 @@ const isHome = currentPath === '/';
|
|||||||
.d-menu { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; overflow: hidden; flex: 1; }
|
.d-menu { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; overflow: hidden; flex: 1; }
|
||||||
.d-menu li { float: none; flex-shrink: 0; }
|
.d-menu li { float: none; flex-shrink: 0; }
|
||||||
.d-menu .menu-item { font-size: 12px; padding: 4px 8px; }
|
.d-menu .menu-item { font-size: 12px; padding: 4px 8px; }
|
||||||
/* Hide items that don't fit — show first 4 (Home, Products, Purchase, Support) */
|
/* Hide items that don't fit — show first 3 (Home, Products, Purchase) */
|
||||||
.d-menu li:nth-child(n+5) { display: none; }
|
.d-menu li:nth-child(n+4) { display: none; }
|
||||||
.d-menu.open li:nth-child(n+5) { display: block; }
|
.d-menu.open li:nth-child(n+4) { display: block; }
|
||||||
/* Hamburger button */
|
/* Hamburger button */
|
||||||
.hamburger { display: flex; cursor: pointer; padding: 8px; z-index: 101; flex-shrink: 0; }
|
.hamburger { display: flex; cursor: pointer; padding: 8px; z-index: 101; flex-shrink: 0; }
|
||||||
.hamburger span { display: block; width: 18px; height: 2px; background: #bb983b; margin: 3px 0; }
|
.hamburger span { display: block; width: 18px; height: 2px; background: #bb983b; margin: 3px 0; }
|
||||||
|
|||||||
Reference in New Issue
Block a user