Bladeren bron

Wrap only on laptop and below.

Jeff Ong 4 jaren geleden
bovenliggende
commit
219c7e1b66
4 gewijzigde bestanden met toevoegingen van 16 en 3 verwijderingen
  1. 4 1
      spearhead/assets/sass/_header.scss
  2. 6 1
      spearhead/style-rtl.css
  3. 6 1
      spearhead/style.css
  4. 0 0
      spearhead/style.css.map

+ 4 - 1
spearhead/assets/sass/_header.scss

@@ -26,10 +26,13 @@ $site-branding-height: 68px;
 
 .site-header {
 	display: flex;
-	flex-wrap: wrap;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 
+	@include media( laptop-only ){
+		flex-wrap: wrap;
+	}
+
 	@include media( mobile-only ){
 		align-items: center;
 	}

+ 6 - 1
spearhead/style-rtl.css

@@ -155,11 +155,16 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 
 .site-header {
 	display: flex;
-	flex-wrap: wrap;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 }
 
+@media only screen and (max-width: 829px) {
+	.site-header {
+		flex-wrap: wrap;
+	}
+}
+
 @media only screen and (max-width: 481px) {
 	.site-header {
 		align-items: center;

+ 6 - 1
spearhead/style.css

@@ -155,11 +155,16 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 
 .site-header {
 	display: flex;
-	flex-wrap: wrap;
 	justify-content: space-between;
 	max-width: var(--responsive--alignfull-width);
 }
 
+@media only screen and (max-width: 829px) {
+	.site-header {
+		flex-wrap: wrap;
+	}
+}
+
 @media only screen and (max-width: 481px) {
 	.site-header {
 		align-items: center;

File diff suppressed because it is too large
+ 0 - 0
spearhead/style.css.map


Some files were not shown because too many files changed in this diff