fix(layout header): prevent stretching wider than window max width (#…

…1980)
akveo · Sep 27, 2019 · c42c880 · c42c880
1 parent 39a41f5
commit c42c880
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/framework/theme/components/layout/_layout.component.theme.scss b/src/framework/theme/components/layout/_layout.component.theme.scss
@@ -71,9 +71,16 @@
       margin: 0 auto;
     }
 
-    .layout nb-layout-header nav {
+    .layout nb-layout-header {
       max-width: nb-theme(layout-window-mode-max-width);
-      margin: 0 auto;
+      margin-left: auto;
+      margin-right: auto;
+      width: 100%;
+
+      nav {
+        max-width: nb-theme(layout-window-mode-max-width);
+        margin: 0 auto;
+      }
     }
 
     @media screen and (min-width: nb-theme(layout-window-mode-max-width) + 20px) {