Fixes #31

app/css/okayNav-base.css

@@ -40,9 +40,6 @@ body.okayNav-loaded {
   position: relative;
   z-index: 1;
 }
-.okayNav a:only-of-type {
-  top: 0;
-}
 .okayNav__nav--visible {
   overflow: hidden;
   white-space: nowrap;
@@ -56,6 +53,9 @@ body.okayNav-loaded {
   padding: 15px 15px;
   transition: color 200ms cubic-bezier(0.55, 0, 0.1, 1);
 }
+.okayNav__nav--visible:empty ~ .okayNav__menu-toggle {
+  top: 0;
+}
 /* Link styling for the off-screen part of the nav */
 .okayNav__nav--invisible {
   position: fixed;

app/js/jquery.okayNav.js

@@ -111,6 +111,12 @@
 
             // Events are up once everything is set
             self.initEvents();
+
+            // Trim white spaces between visible nav elements
+            $nav_visible.contents().filter(function() {
+                return this.nodeType = Node.TEXT_NODE && /\S/.test(this.nodeValue) === false;
+            }).remove();
+
             if (_options.swipe_enabled == true) self.initSwipeEvents();
         },
 
@@ -371,6 +377,7 @@
                 self._expandNavItem();
             }
 
+
             // Hide the kebab icon if no items are hidden
             self.getHiddenItemCount() == 0 ?
                 $nav_toggle_icon.addClass('okay-invisible') :

app/less/okayNav-base.less

@@ -45,11 +45,6 @@ body.okayNav-loaded {overflow-x: hidden}
 	a {
 		position: relative;
 		z-index: 1;
-
-		&:only-of-type {
-			// Bring the kebab icon back to the top if it's alone
-			top: 0;
-		}
 	}
 }
 
@@ -68,6 +63,10 @@ body.okayNav-loaded {overflow-x: hidden}
 
 		transition: color @oknav-transition-speed @oknav-transition-curve;
 	}
+
+    &:empty {
+        & ~ .okayNav__menu-toggle {top: 0}
+    }
 }
 
 /* Link styling for the off-screen part of the nav */