Adjustments for mobile view in custom.css

karan925 · tyaga001 · commit 97213cc18beb · 2024-10-16T17:04:12.000+02:00
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -111,6 +111,19 @@ a[docid="docs"] > svg {
     display: none;
 }
 
+/* Adjustments for mobile view */
+@media (max-width: 768px) {
+    /* Reduce the logo size for smaller screens */
+    .navbar__logo img {
+        height: 16px; /* Adjust the height for smaller screens */
+    }
+
+    /* Reduce the padding around the logo for smaller screens */
+    .navbar__logo {
+        padding: 6px; /* Adjust the padding for smaller screens */
+    }
+}
+
 /* Light mode Discord icon */
 /* .header-discord-link:before {
     -webkit-filter: invert(100%);
