From bb936345fd0194b91a3bca09adb8c20901f7e45a Mon Sep 17 00:00:00 2001
From: satnam72 <125819218+satnam72@users.noreply.github.com>
Date: Mon, 28 Jul 2025 17:21:11 -0400
Subject: [PATCH 1/2] Fixed the navigation bar and logo issue

Created a new Header.css file to fix issues related to header and logo
Added various styles to fix the navigation and logo appearance on both big and small screens
Implement a work around for the logo text to make it look better on small screens
---
 website/.sphinx/_static/css/header.css | 33 ++++++++++++++++++++++++++
 website/conf.py                        |  1 +
 2 files changed, 34 insertions(+)
 create mode 100644 website/.sphinx/_static/css/header.css

diff --git a/website/.sphinx/_static/css/header.css b/website/.sphinx/_static/css/header.css
new file mode 100644
index 0000000..13fda8c
--- /dev/null
+++ b/website/.sphinx/_static/css/header.css
@@ -0,0 +1,33 @@
+/* Fix the odd looking navigation link (More Resources) on big screens */
+ul.p-navigation__links {
+  max-width: unset !important;
+}
+
+/* Work around to make the logo look better on small devices */
+@media (max-width: 550px) {
+  .p-logo-text {
+    color: transparent;
+    position: relative;
+  }
+  .p-logo-text::after {
+    content: "CODA";
+    position: absolute;
+    top: 0;
+    left: 0;
+    color:white;
+  }
+}
+
+/* Hide the unwanted empty link inside the header for small devices */
+@media (max-width: 800px) {
+  .nav-ubuntu-com {
+    display: none;
+  }
+}
+
+/* Add margin to the right side of the header to improve UI */
+@media only screen and (min-width: 1310px) {
+    ul.p-navigation__links {
+        margin-right: calc(50% - 41em);
+    }
+}
diff --git a/website/conf.py b/website/conf.py
index cb8245d..f34a87b 100644
--- a/website/conf.py
+++ b/website/conf.py
@@ -250,6 +250,7 @@
 
 html_css_files = [
     "css/pdf.css",
+    "css/header.css",
     # For short-term announcement about survey
     # TODO: Remove this block by 2025-08-11
     "css/announcement.css",

From 33267e45fdaf33ebaf8acb7f22b47aee203490ae Mon Sep 17 00:00:00 2001
From: satnam72 <125819218+satnam72@users.noreply.github.com>
Date: Mon, 11 Aug 2025 11:36:49 +0000
Subject: [PATCH 2/2] Rename header.css file and update CSS

Rename the header.css file to custom-header.css, update the name in conf.py file and update CSS fixes
---
 .../.sphinx/_static/css/{header.css => custom-header.css}   | 6 +++---
 website/conf.py                                             | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)
 rename website/.sphinx/_static/css/{header.css => custom-header.css} (85%)

diff --git a/website/.sphinx/_static/css/header.css b/website/.sphinx/_static/css/custom-header.css
similarity index 85%
rename from website/.sphinx/_static/css/header.css
rename to website/.sphinx/_static/css/custom-header.css
index 13fda8c..7323fdb 100644
--- a/website/.sphinx/_static/css/header.css
+++ b/website/.sphinx/_static/css/custom-header.css
@@ -6,7 +6,7 @@ ul.p-navigation__links {
 /* Work around to make the logo look better on small devices */
 @media (max-width: 550px) {
   .p-logo-text {
-    color: transparent;
+    color: transparent !important;
     position: relative;
   }
   .p-logo-text::after {
@@ -21,13 +21,13 @@ ul.p-navigation__links {
 /* Hide the unwanted empty link inside the header for small devices */
 @media (max-width: 800px) {
   .nav-ubuntu-com {
-    display: none;
+    display: none !important;
   }
 }
 
 /* Add margin to the right side of the header to improve UI */
 @media only screen and (min-width: 1310px) {
     ul.p-navigation__links {
-        margin-right: calc(50% - 41em);
+        margin-right: calc(50% - 41em) !important;
     }
 }
diff --git a/website/conf.py b/website/conf.py
index f34a87b..3f211f7 100644
--- a/website/conf.py
+++ b/website/conf.py
@@ -250,7 +250,7 @@
 
 html_css_files = [
     "css/pdf.css",
-    "css/header.css",
+    "css/custom-header.css",
     # For short-term announcement about survey
     # TODO: Remove this block by 2025-08-11
     "css/announcement.css",