diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index 2331d085..962072a0 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -33,6 +33,7 @@ provide('close-screen', closeScreen)
   left: 0;
   z-index: var(--vp-z-index-nav);
   width: 100%;
+  pointer-events: none;
 }
 
 @media (min-width: 960px) {
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index 0791f156..fbcd157c 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -54,6 +54,11 @@ const { hasSidebar } = useSidebar()
   padding: 0 8px 0 24px;
   height: var(--vp-nav-height-mobile);
   transition: border-color 0.5s, background-color 0.5s;
+  pointer-events: none;
+}
+
+.VPNavBar .container:deep(*) {
+  pointer-events: all;
 }
 
 @media (min-width: 768px) {
@@ -96,6 +101,7 @@ const { hasSidebar } = useSidebar()
   justify-content: space-between;
   margin: 0 auto;
   max-width: calc(var(--vp-layout-max-width) - 64px);
+  pointer-events: none;
 }
 
 .content {