diff --git a/src/client/theme-default/components/VPCarbonAds.vue b/src/client/theme-default/components/VPCarbonAds.vue
index a233d1eff02f..577e4717d439 100644
--- a/src/client/theme-default/components/VPCarbonAds.vue
+++ b/src/client/theme-default/components/VPCarbonAds.vue
@@ -106,4 +106,10 @@ if (carbonOptions) {
.VPCarbonAds :deep(> div:first-of-type) {
display: block;
}
+
+@media print {
+ .VPCarbonAds {
+ display: none;
+ }
+}
diff --git a/src/client/theme-default/components/VPDocAsideOutline.vue b/src/client/theme-default/components/VPDocAsideOutline.vue
index 7c22fda1adff..5ffaff5dbb0b 100644
--- a/src/client/theme-default/components/VPDocAsideOutline.vue
+++ b/src/client/theme-default/components/VPDocAsideOutline.vue
@@ -55,6 +55,12 @@ useActiveAnchor(container, marker)
display: block;
}
+@media print {
+ .VPDocAsideOutline {
+ display: none;
+ }
+}
+
.content {
position: relative;
border-left: 1px solid var(--vp-c-divider);
diff --git a/src/client/theme-default/components/VPDocFooter.vue b/src/client/theme-default/components/VPDocFooter.vue
index 53f199ea8892..6a6eabca4ea4 100644
--- a/src/client/theme-default/components/VPDocFooter.vue
+++ b/src/client/theme-default/components/VPDocFooter.vue
@@ -61,6 +61,12 @@ const showFooter = computed(() => {
margin-top: 64px;
}
+@media print {
+ .VPDocFooter {
+ display: none;
+ }
+}
+
.edit-info {
padding-bottom: 18px;
}
diff --git a/src/client/theme-default/components/VPFooter.vue b/src/client/theme-default/components/VPFooter.vue
index 3a21ff2b7f62..7be27740b0e6 100644
--- a/src/client/theme-default/components/VPFooter.vue
+++ b/src/client/theme-default/components/VPFooter.vue
@@ -44,6 +44,12 @@ const { hasSidebar } = useSidebar()
}
}
+@media print {
+ .VPFooter {
+ display: none;
+ }
+}
+
.container {
margin: 0 auto;
max-width: var(--vp-layout-max-width);
diff --git a/src/client/theme-default/components/VPLocalNav.vue b/src/client/theme-default/components/VPLocalNav.vue
index 15791dd5af69..57229b1973c5 100644
--- a/src/client/theme-default/components/VPLocalNav.vue
+++ b/src/client/theme-default/components/VPLocalNav.vue
@@ -114,6 +114,12 @@ const classes = computed(() => {
}
}
+@media print {
+ .VPLocalNav {
+ display: none;
+ }
+}
+
@media (min-width: 1440px) {
.VPLocalNav.has-sidebar {
padding-left: calc((100vw - var(--vp-layout-max-width)) / 2 + var(--vp-sidebar-width));
diff --git a/src/client/theme-default/components/VPNav.vue b/src/client/theme-default/components/VPNav.vue
index 577c8eceaded..3175475fa1ae 100644
--- a/src/client/theme-default/components/VPNav.vue
+++ b/src/client/theme-default/components/VPNav.vue
@@ -30,7 +30,7 @@ watchEffect(() => {
-
+
@@ -54,4 +54,14 @@ watchEffect(() => {
position: fixed;
}
}
+
+@media print {
+ .VPNav {
+ position: fixed;
+ }
+
+ .VPNavScreen {
+ display: none;
+ }
+}
diff --git a/src/client/theme-default/components/VPNavBar.vue b/src/client/theme-default/components/VPNavBar.vue
index 19a5da61b7a3..7a699c8070b4 100644
--- a/src/client/theme-default/components/VPNavBar.vue
+++ b/src/client/theme-default/components/VPNavBar.vue
@@ -177,6 +177,12 @@ watchPostEffect(() => {
}
}
+@media print {
+ .content {
+ display: none;
+ }
+}
+
.content-body {
display: flex;
justify-content: flex-end;
diff --git a/src/client/theme-default/components/VPSidebar.vue b/src/client/theme-default/components/VPSidebar.vue
index d6c7321930d9..96cf1c217b93 100644
--- a/src/client/theme-default/components/VPSidebar.vue
+++ b/src/client/theme-default/components/VPSidebar.vue
@@ -105,6 +105,12 @@ watch(
}
}
+@media print {
+ .VPSidebar {
+ display: none;
+ }
+}
+
@media (min-width: 960px) {
.curtain {
position: sticky;