From 2b6b5d082e829697cfd79c214e1470a2d49a8272 Mon Sep 17 00:00:00 2001 From: radiorambo Date: Thu, 18 Dec 2025 14:27:17 +0530 Subject: [PATCH] fix nav link increase website width in tablet view --- .vitepress/theme/custom.css | 15 +++++++++++++++ .vitepress/theme/index.js | 4 ++++ 2 files changed, 19 insertions(+) create mode 100644 .vitepress/theme/custom.css create mode 100644 .vitepress/theme/index.js diff --git a/.vitepress/theme/custom.css b/.vitepress/theme/custom.css new file mode 100644 index 00000000..07afccf0 --- /dev/null +++ b/.vitepress/theme/custom.css @@ -0,0 +1,15 @@ +/* Custom styles for Libation documentation */ + +/* Hide certain nav items on tablet devices to prevent horizontal scroll */ +@media (min-width: 640px) and (max-width: 959px) { + /* Target specific nav items by their position */ + /* Hide "Issues & Requests" and "Donate" links on tablet */ + .VPNav .VPNavBar .nav .VPNavBarMenu .VPMenu:nth-child(3) { + display: none; + } + + /* Alternative: Use a more specific selector if needed */ + .VPNavBarMenuLink[href*="issues"] { + display: none; + } +} diff --git a/.vitepress/theme/index.js b/.vitepress/theme/index.js new file mode 100644 index 00000000..42fe9a93 --- /dev/null +++ b/.vitepress/theme/index.js @@ -0,0 +1,4 @@ +import DefaultTheme from 'vitepress/theme' +import './custom.css' + +export default DefaultTheme