diff --git a/_includes/layouts/base/sneexy/navbar.njk b/_includes/layouts/base/sneexy/navbar.njk
index bc05330..1ace353 100644
--- a/_includes/layouts/base/sneexy/navbar.njk
+++ b/_includes/layouts/base/sneexy/navbar.njk
@@ -1,5 +1,5 @@
 <!-- top navbar -->
-<header class="navbar">
+<header class="navbar sneexy">
     <navbar-left>
         <a class="nav-base nav-baselink nav-desktop" aria-label="Back to Synth.Download" href="https://synth.download"><img aria-hidden="true" src="/assets/synth.download/synth_web.svg" class="synth-icon" /></a>
     </navbar-left>
diff --git a/_includes/styles/base/navbar.css b/_includes/styles/base/navbar.css
index 76c5f63..ea3d983 100644
--- a/_includes/styles/base/navbar.css
+++ b/_includes/styles/base/navbar.css
@@ -296,22 +296,18 @@
 
 /* modify widths and spacing depending on the size of the display */
 @media screen and (max-width: 35rem) {
-    .navbar {
-        .nav-desktop {
-            display: none !important;
-        }
+    html:not(:has(.navbar.sneexy)) {
+        .navbar {
+            .nav-desktop {
+                display: none !important;
+            }
 
-        .nav-mobile-menu {
-            display: inline-flex !important;
-        }
+            .nav-mobile-menu {
+                display: inline-flex !important;
+            }
 
-        .nav-links {
-            display: none !important;
-        }
-
-        .nav-settings {
-            span {
-                padding: 0 .4rem !important;
+            .nav-links {
+                display: none !important;
             }
         }
     }