Restrict flex-shrink for header items on grid view (prevents overlap …

…of elements + forces scrolling). Resolves #4.
mor10 · Aug 10, 2017 · 65226ba · 65226ba
1 parent 9a73ae6
commit 65226ba
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 1 deletion.
diff --git a/sass/maps/style.css.map b/sass/maps/style.css.map
diff --git a/sass/site/header/_header-menu.scss b/sass/site/header/_header-menu.scss
@@ -190,6 +190,8 @@ button.dropdown-toggle {
 		}
 
 		.main-navigation {
+			flex: 1 0 auto;
+
 			ul {
 				display: block;
 				padding-top: 2em;

diff --git a/sass/site/header/_header.scss b/sass/site/header/_header.scss
@@ -14,6 +14,7 @@
 	display: flex;
 	flex-direction: column;
 	align-items: center;
+
 }
 
 .custom-logo-link {
@@ -68,6 +69,10 @@
 			flex-direction: column;
 			justify-content:flex-start;
 		}
+
+		.site-branding {
+			flex: 1 0 auto;
+		}
 	}
 
 	@supports (grid-area: auto) {

diff --git a/style.css b/style.css