diff options
| author | Stanisław Zagórowski <hasohasacz@gmail.com> | 2023-08-30 17:45:03 +0200 |
|---|---|---|
| committer | Stanisław Zagórowski <hasohasacz@gmail.com> | 2023-08-30 17:45:03 +0200 |
| commit | b661407d801c8ccaa7773ae30f0fc26a1d70ffff (patch) | |
| tree | e8cb4ba973c5a2dabcfbd2d7225ca20e631d5511 /src/components/navbar.css | |
| parent | f42b97da55960696c9bc068aec3e0067ce094701 (diff) | |
front: fix top bar
Diffstat (limited to 'src/components/navbar.css')
| -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 { |