Tl-header display for iPad layout now utilizing the mobile view layout

TAMULib · Mar 8, 2021 · cd65d22 · cd65d22
1 parent 71561ee
commit cd65d22
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/src/app/tl-footer/tl-footer.component.scss b/src/app/tl-footer/tl-footer.component.scss
@@ -24,7 +24,7 @@
     background-color: #500000 !important;
   }
 
-  @media (max-width: 767px) {
+  @media (max-width: 992px) {
     wvr-footer-component {
       --footer-height: auto;
       --footer-height: auto;

diff --git a/src/app/tl-header/tl-header.component.scss b/src/app/tl-header/tl-header.component.scss
@@ -303,7 +303,8 @@
       }
     }
 
-    @media (max-width: 767px) {
+
+    @media (max-width: 992px) {
       --top-nav-height: auto;
       --wvr-nav-li-width: fit-content;
       header {

diff --git a/src/app/tl-mega-menu/tl-mega-menu.component.scss b/src/app/tl-mega-menu/tl-mega-menu.component.scss
@@ -161,7 +161,7 @@
 
   }
 
-  @media (max-width: 767px) {
+  @media (max-width: 992px) {
 
     wvr-dropdown-component {
       ::ng-deep {
@@ -191,4 +191,4 @@
     }
   }
 
-}
+}