Merge pull request #916 from cncf/fix-menu-#773

#773 Fix menu overflow on smaller screens
cncf · Jan 9, 2025 · 7c60fb9 · 7c60fb9
2 parents 7252f24 + 8a5d09d
commit 7c60fb9
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/web/wp-content/themes/cncf-twenty-two/source/scss/core/_header.scss b/web/wp-content/themes/cncf-twenty-two/source/scss/core/_header.scss
@@ -585,9 +585,11 @@
 	padding: 7px 7px;
 	font-family: $font-primary;
 	&__image-wrapper {
-		width: 194px;
-		height: 102px;
-		flex-shrink: 0;
+		flex: 0 0 140px;
+		height: auto;
+		@media screen and (min-width: 360px) {
+			flex: 0 0 194px;
+		}
 	}
 	&__link {
 		display: block;
@@ -598,6 +600,9 @@
 		width: 100%;
 		object-fit: cover;
 		border-radius: 3px;
+		@media screen and (max-width: 359px) {
+			object-position: left;
+		}
 	}
 	&__text-wrapper {
 		padding-left: 20px;