diff --git a/brand.css b/brand.css index 41bf510..e6e2f65 100644 --- a/brand.css +++ b/brand.css @@ -170,7 +170,7 @@ html[data-theme="light"] .otb-dot{ margin:0 auto; } -@media (max-width: 900px){ +@media (max-width: 1100px){ .site-container, .container{ padding-left:16px !important; @@ -273,7 +273,7 @@ html[data-theme="light"] .otb-dot{ gap:16px; } -@media (max-width: 900px){ +@media (max-width: 1100px){ .otb-menu-toggle{ display:flex; } @@ -336,3 +336,58 @@ html[data-theme="light"] .otb-dot{ display:block; } } + + + +/* ===== stronger mobile nav override ===== */ +@media (max-width: 1100px){ + .otb-menu-toggle{ + display:flex !important; + } + + .site-nav{ + display:flex !important; + align-items:center !important; + justify-content:space-between !important; + gap:14px !important; + flex-wrap:wrap !important; + } + + .site-nav-right{ + display:none !important; + width:100% !important; + flex-direction:column !important; + align-items:flex-start !important; + gap:14px !important; + padding-top:10px !important; + } + + .site-nav-right.otb-nav-open{ + display:flex !important; + } + + .site-navlinks{ + width:100% !important; + display:flex !important; + flex-direction:column !important; + align-items:flex-start !important; + gap:10px !important; + } + + .site-navlinks > a, + .dropdown{ + width:100% !important; + } + + .dropdown-toggle{ + width:100% !important; + justify-content:flex-start !important; + } + + .dropdown-menu{ + position:static !important; + min-width:0 !important; + width:100% !important; + margin-top:8px !important; + } +}