navbar hidden in mobile, secondary menu

pages/_includes/layout/navbar-menu.html

@@ -34,4 +34,11 @@
 			<span class="nav-link-title">Customize</span>
 		</a>
 	</li>
+
+	<li class="nav-item">
+		<a href="#" class="nav-link disabled">
+			<span class="nav-link-icon">{% include ui/icon.html icon="x-square" %}</span>
+			<span class="nav-link-title">Disabled</span>
+		</a>
+	</li>
 </ul>
\ No newline at end of file

pages/_includes/layout/navbar-secondary.html

-<nav class="navbar navbar-light navbar-secondary" id="navbar-secondary">
+<nav class="navbar navbar-light navbar-secondary navbar-expand" id="navbar-secondary">
 	<div class="container">
 		{% include layout/navbar-logo.html class="d-none-navbar-vertical" %}
+
+		<ul class="navbar-nav ml-auto">
+			<li class="nav-item">
+				<a class="nav-link" href="#">Link</a>
+			</li>
+			<li class="nav-item dropdown">
+				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+					Dropdown
+				</a>
+				{% include ui/dropdown-menu.html right=true %}
+			</li>
+
+		</ul>
 	</div>
 </nav>
 

scss/layout/_mainnav.scss

@@ -199,8 +199,7 @@
 }
 
 .navbar {
-  min-height: $navbar-height;
-  padding-top: 0; //todo: move to varaibles
+  padding-top: 0;
   padding-bottom: 0;
 
   @media print {
@@ -226,6 +225,8 @@
   @each $breakpoint, $breakpoint-max-width in $grid-breakpoints {
     &-#{$breakpoint} {
       @include media-breakpoint-up($breakpoint) {
+        min-height: $navbar-height;
+
         .navbar-nav {
           margin-left: (-$navbar-nav-link-padding-x);