diff --git a/src/client/theme-default/Layout.vue b/src/client/theme-default/Layout.vue
index 52bb16b2..0ecca7ec 100644
--- a/src/client/theme-default/Layout.vue
+++ b/src/client/theme-default/Layout.vue
@@ -35,7 +35,7 @@ provide('hero-image-slot-exists', heroImageSlotExists)
-
+
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index b654a043..577c8ece 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -1,16 +1,29 @@
-
+
diff --git a/src/client/theme-default/styles/vars.css b/src/client/theme-default/styles/vars.css
index 00f97343..3ebcac17 100644
--- a/src/client/theme-default/styles/vars.css
+++ b/src/client/theme-default/styles/vars.css
@@ -426,6 +426,14 @@
--vp-nav-logo-height: 24px;
}
+.hide-nav {
+ --vp-nav-height: 0px;
+}
+
+.hide-nav .VPSidebar {
+ --vp-nav-height: 22px;
+}
+
/**
* Component: Local Nav
* -------------------------------------------------------------------------- */