limit scrolling to bar menu in navbar

src/client/theme-default/components/VPNav.vue

@@ -52,7 +52,6 @@ watchEffect(() => {
 @media (min-width: 960px) {
   .VPNav {
     position: fixed;
-    overflow-x: scroll;
   }
 }
 </style>

src/client/theme-default/components/VPNavBar.vue

@@ -183,7 +183,8 @@ watchPostEffect(() => {
 }
 
 .content-body {
-  display: flex;
+  display: grid;
+  grid-auto-flow: column;
   justify-content: flex-end;
   align-items: center;
   height: var(--vp-nav-height);

src/client/theme-default/components/VPNavBarMenu.vue

@@ -35,6 +35,7 @@ const { theme } = useData()
 @media (min-width: 768px) {
   .VPNavBarMenu {
     display: flex;
+    overflow-x: auto;
   }
 }
 </style>