megamenu

css/sass/components/_topnav.scss

@@ -22,10 +22,10 @@
   }
 }
 .branding {
-  display: none;
-  @include breakpoint(large) {
-    display: flex;
-  }
+  //display: none;
+  //@include breakpoint(large) {
+  //display: flex;
+  //}
 }
 .title-bar .branding {
   display: flex;
@@ -82,12 +82,18 @@
 .title-bar {
   justify-content: space-between;
 }
+div#block-views-block-current-library-hours-block-2 {
+  display: none;
+  @include breakpoint(1200px) {
+    display: block;
+  }
+}
 .view-current-library-hours {
+  display: inline-block;
   padding: 0 10px;
   text-align: center;
   border: 1px solid #fff;
   background: #ccc;
-  display: inline-block;
   float: right;
   font-size: rem-calc(14);
   border-radius: $global-radius;
@@ -95,3 +101,22 @@
     color: #333;
   }
 }
+.tbm.tbm--mobile {
+  margin-right: 0 !important;
+  width: 200px;
+  display: flex;
+  justify-content: flex-end;
+  margin-right: 0 !important;
+  .tbm-submenu-toggle {
+    display: none;
+  }
+  .tbm-link {
+    background: #333;
+    justify-content: flex-start;
+    flex-flow: row;
+    span {
+      margin: 0 0.5rem;
+      width:40px;
+    }
+  }
+}