Sfoglia il codice sorgente

Wrap only on laptop and below.

Jeff Ong 4 anni fa
parent
commit
219c7e1b66

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

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