diff --git a/apps/explorer-web/public/css/layout.css b/apps/explorer-web/public/css/layout.css
index 8f13aa31..134a7453 100644
--- a/apps/explorer-web/public/css/layout.css
+++ b/apps/explorer-web/public/css/layout.css
@@ -376,5 +376,5 @@
/* Global Header spacing fix */
.page {
- margin-top: 80px; /* Make space for the fixed global header */
+ margin-top: 90px; /* Make space for the fixed global header */
}
diff --git a/apps/marketplace-web/src/style.css b/apps/marketplace-web/src/style.css
index 2f6f741c..2e733307 100644
--- a/apps/marketplace-web/src/style.css
+++ b/apps/marketplace-web/src/style.css
@@ -557,7 +557,7 @@ body {
}
/* Add padding to account for the fixed global header */
main {
- margin-top: 80px;
+ margin-top: 90px;
padding: 2rem;
max-width: 1200px;
margin-left: auto;
diff --git a/website/assets/css/site-header.css b/website/assets/css/site-header.css
index acdc6d63..5420056d 100644
--- a/website/assets/css/site-header.css
+++ b/website/assets/css/site-header.css
@@ -33,6 +33,8 @@ body.light {
}
.global-header {
+ height: 90px;
+ box-sizing: border-box;
position: sticky;
top: 0;
width: 100%;
@@ -45,11 +47,11 @@ body.light {
.global-header__inner {
max-width: 1200px;
margin: 0 auto;
- padding: 0.85rem 1.25rem;
+ padding: 0 1.25rem;
+ height: 100%;
display: flex;
align-items: center;
gap: 1.25rem;
- flex-wrap: wrap;
justify-content: space-between;
}
@@ -184,10 +186,18 @@ body.light {
color: var(--global-header-accent);
}
+
@media (max-width: 960px) {
+ .global-header {
+ height: auto;
+ min-height: 90px;
+ padding: 1rem 0;
+ }
+
.global-header__inner {
flex-direction: column;
align-items: flex-start;
+ height: auto;
}
.global-header__actions {
@@ -199,7 +209,6 @@ body.light {
width: 100%;
}
}
-
@media (max-width: 640px) {
.global-brand__text span {
font-size: 1rem;
diff --git a/website/assets/js/global-header.js b/website/assets/js/global-header.js
index 23ffc93a..587e7aac 100644
--- a/website/assets/js/global-header.js
+++ b/website/assets/js/global-header.js
@@ -41,8 +41,7 @@
🌙
Dark
- ${CTA.label}
-
+
`;
diff --git a/website/docs/css/docs.css b/website/docs/css/docs.css
index a4b1691c..dcc65d8f 100644
--- a/website/docs/css/docs.css
+++ b/website/docs/css/docs.css
@@ -239,7 +239,7 @@ nav {
============================================ */
main {
- margin-top: 80px;
+ margin-top: 90px;
padding: 40px 0;
}