jarvis/componentowl-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile nav: wrap menu items on small screens

Browse Source
This commit is contained in:
Jarvis Prime
2026-03-23 22:30:45 +00:00
parent f9b0f94fd8
commit 34fbdf1535
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/layouts/Base.astro
View File

@@ -388,6 +388,9 @@ const isHome = currentPath === '/';
/* === RESPONSIVE HELPERS === */ /* === RESPONSIVE HELPERS === */
@media (max-width: 960px) { @media (max-width: 960px) {
.d-placing { width: 95%; } .d-placing { width: 95%; }
.d-menu { flex-wrap: wrap; justify-content: center; gap: 2px; display: flex; list-style: none; }
.d-menu li { margin: 0; float: none; padding-right: 8px; }
.d-menu .menu-item { font-size: 12px; padding: 4px 6px; }
.d-footer .left, .d-footer .right { float: none; width: 100%; } .d-footer .left, .d-footer .right { float: none; width: 100%; }
.product-content .right { width: 100%; } .product-content .right { width: 100%; }
.product-content .left { width: 100%; } .product-content .left { width: 100%; }