From 7088c6ddb1b9159eaebd8c8b4138dd83962e55f0 Mon Sep 17 00:00:00 2001 From: Harshit Verma Date: Sun, 20 Oct 2024 22:56:03 +0530 Subject: [PATCH] Fixes #478 Navbar is not rendering on mobile (#503) * Fixes #478 Navbar is not rendering on mobile * Made mavbar sticky * adjusted sugarlabs logo for mobile devices * fixed broken layout * fixed about-us and hamburger menu --- _includes/nav.html | 204 +++++++++++++++++++++++++++++---------------- css/airspace.css | 6 +- 2 files changed, 135 insertions(+), 75 deletions(-) diff --git a/_includes/nav.html b/_includes/nav.html index d30a2c67..e70364b6 100755 --- a/_includes/nav.html +++ b/_includes/nav.html @@ -1,87 +1,147 @@ -
+
-
-
-
-
-
-
+
diff --git a/css/airspace.css b/css/airspace.css index 61d58693..d5bdb297 100755 --- a/css/airspace.css +++ b/css/airspace.css @@ -1436,10 +1436,10 @@ header.large li{ margin-top: 0px; } font-size: 18px; font-weight: bold; } - .navbar-collapse.collapse { + .navbar-collapse .collapse { display: none !important; } - .navbar-collapse.collapse.in { + .navbar-collapse .collapse .in { display: block !important; } .navbar-header .collapse, .navbar-toggle { @@ -2408,7 +2408,7 @@ h1:before { position: relative; } -@media only screen and (max-width: 1260px) and (min-width: 768px) { +@media only screen and (max-width: 990px) and (min-width: 768px) { #secondHeader a[aria-expanded="false"]::before, a[aria-expanded="true"]::before { content: '\25BC'; display: block;