From b661407d801c8ccaa7773ae30f0fc26a1d70ffff Mon Sep 17 00:00:00 2001 From: Stanisław Zagórowski Date: Wed, 30 Aug 2023 17:45:03 +0200 Subject: front: fix top bar --- src/components/navbar.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'src/components') 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 { -- cgit v1.3.1