Add dropdown menu in navbar

docusaurus.config.js

@@ -102,11 +102,6 @@ const config = {
             position: 'left',
             label: 'Download Windows / Office',
           },
-          {
-            to: '/hwid',
-            position: 'left',
-            label: 'Docs',
-          },
           {
             to: '/news',
             position: 'left',
@@ -117,6 +112,33 @@ const config = {
             position: 'left',
             label: 'Credits',
           },
+          {
+            type: 'dropdown',
+            label: 'More',
+            position: 'left',
+            items: [
+              {
+                label: 'Docs',
+                to: '/hwid',
+              },
+              {
+                label: 'Guides',
+                to: '/guide_links',
+              },
+              {
+                label: 'MAS Changelog',
+                to: '/changelog',
+              },
+              {
+                label: 'Unsupported Products Activation',
+                to: '/unsupported_products_activation',
+              },
+              {
+                label: 'Our Non-Piracy Site',
+                to: '/our_non-piracy_site',
+              },
+            ],
+          },
           { to: '/blog', label: 'Blog', position: 'right' },
           {
             to: '/contactus',
@@ -124,7 +146,7 @@ const config = {
             label: 'Contact Us',
           },
           {
-            href: 'https://discord.gg/tVFN4N84PP',
+            href: 'https://discord.gg/j2yFsV5ZVC',
             className: 'discord-button',
             position: 'right',
             label: 'Discord',

src/css/custom.css

@@ -99,3 +99,25 @@ table {
   --ifm-h1-font-size: 2.2rem;
 }
 
+/* Dropdown menu container */
+.navbar__item.dropdown:hover .dropdown__menu {
+  background-color: #94357f; /* Background color for the dropdown menu */
+}
+
+/* Dropdown menu items */
+.dropdown__menu .dropdown__link {
+  color: #ffffff; /* Text color for dropdown items */
+  padding: 8px 12px; /* Add padding for better click area */
+}
+
+/* Hover effect for dropdown menu items */
+.dropdown__menu .dropdown__link:hover {
+  background-color: #732963; /* Background color on hover */
+  color: #ffffff; /* Text color on hover */
+}
+
+/* Specific style for disabled items, if needed */
+.dropdown__menu .dropdown__link--disabled {
+  color: #ffffffa0; /* Lighter text color for disabled items */
+}
+