tolelom/tolelom.xyz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make mobile nav horizontally scrollable to prevent overflow

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
tolelom
2026-03-25 13:20:59 +09:00
parent 2e9d000207
commit ca9c974e52
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
css/style.css
View File

@@ -400,9 +400,17 @@ img { max-width: 100%; display: block; }
/* === Responsive === */ /* === Responsive === */
@media (max-width: 640px) { @media (max-width: 640px) {
.container { padding: 0 20px; } .container { padding: 0 20px; }
.nav { padding: 0 20px; } .nav { padding: 0; }
.nav-inner { gap: 16px; } .nav-inner {
.nav-link { font-size: 0.8rem; } gap: 20px;
padding: 0 20px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
.nav-inner::-webkit-scrollbar { display: none; }
.nav-link { font-size: 0.8rem; white-space: nowrap; }
.nav-logo { white-space: nowrap; }
.hero { padding: 80px 0 56px; } .hero { padding: 80px 0 56px; }
.hero-photo { width: 120px; } .hero-photo { width: 120px; }
.hero-name { font-size: 2rem; } .hero-name { font-size: 2rem; }