diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index c63ceda8..03c6b725 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -27,9 +27,10 @@ const { frontmatter } = useData()
 const classes = ref<Record<string, boolean>>({})
 
 watchPostEffect(() => {
+  const isTransparentPage = frontmatter.value.transparentNavBar || frontmatter.value.layout === 'home' 
   classes.value = {
     'has-sidebar': hasSidebar.value,
-    top: frontmatter.value.layout === 'home' && y.value === 0,
+    top: isTransparentPage && y.value === 0,
   }
 })
 </script>