diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 185c3910..c40f644f 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -219,24 +219,31 @@ const config: Config = {
},
],
},
- {
- type: "html",
- position: "right",
- value: `
-
- `,
- },
- {
- type: "html",
- position: "right",
- value: `
-
- `,
- },
+
+ {
+ type: "html",
+ position: "right",
+ value: `
+
+
+ GitHub
+
+ `,
+},
+{
+ type: "html",
+ position: "right",
+ value: `
+
+
+ Discord
+
+ `,
+},
{
type: "html",
position: "right",
diff --git a/src/css/custom.css b/src/css/custom.css
index 846de5f2..5edb95f4 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -2952,6 +2952,40 @@ main[class*='docMainContainer_'] {
div[class*='sidebarViewport_'] {
z-index: 9999 !important;
}
+
+.mobile-social-item {
+ display: inline-flex;
+ align-items: center;
+ gap: 2px;
+}
+
+.mobile-social-text {
+ color: var(--ifm-menu-color) !important;
+ font-size: 1.2 rem;
+ font-weight: 640;
+ padding-right: 20px;
+}
+
+.navbar-social-link {
+ display: flex !important;
+ align-items: center;
+ padding-left: 15px !important; /* shift right to match other menu items */
+ color: var(--ifm-menu-color) !important;
+ text-decoration: none !important;
+
+}
+
+.navbar-social-link svg {
+ color: var(--ifm-menu-color) !important;
+ fill: currentColor;
+
+}
+
+@media (min-width: 997px) {
+ .mobile-social-text {
+ display: none;
+ }
+}
/* Leaderboard Pagination Button Icon Visibility Fix */
.pagination-btn {