txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Keep back-to-top button on RIGHT side in narrow mobile (<483px)

Browse Source 
Corrected positioning - button now stays on RIGHT side, just moved UP:
- right: 1.5rem (stays on right)
- bottom: 5.5rem (moved higher to avoid overlap)

This prevents overlap with bottom button row while maintaining
right-side positioning as requested.
This commit is contained in:
juanatsap
2025-11-18 21:51:44 +00:00
parent 8da442b248
commit b8bd0b5c3c
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+4 -5
View File
@@ -2956,13 +2956,12 @@ html {
} }
} }
/* Very narrow mobile - Stack back-to-top above info button (left side) */ /* Very narrow mobile - Move back-to-top UP on RIGHT side to avoid overlap */
@media (max-width: 483px) { @media (max-width: 483px) {
.back-to-top { .back-to-top {
/* Move to left side, above info button */ /* Stay on RIGHT side, just move UP higher */
left: 1.5rem !important; right: 1.5rem !important;
right: auto !important; bottom: 5.5rem !important; /* Higher position to clear bottom button row */
bottom: 5.5rem !important; /* 4rem above info button (1.5rem + 50px + gap) */
} }
} }