diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/navbar.css | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/src/components/navbar.css b/src/components/navbar.css index 18390bb..466fdd6 100644 --- a/src/components/navbar.css +++ b/src/components/navbar.css @@ -1,3 +1,4 @@ +/* on big screens, navbar is fixed to the top of the screen */ .navbar-container { position: fixed; background-color: var(--color-bg); @@ -5,7 +6,13 @@ width: 100%; z-index: 9999; margin: auto; - width: 100%; +} + +/* on smaller ones, make it behave as a normal element laid out at the top of the page */ +@media (max-width: 1150px) { + .navbar-container { + position: static; + } } .navbar { |