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; }