From 8a5d09dd5416b0edb4b546fa02c3f737d466f918 Mon Sep 17 00:00:00 2001
From: James Hunt <10615884+thetwopct@users.noreply.github.com>
Date: Sun, 29 Dec 2024 14:25:39 +0700
Subject: [PATCH] #773 Fix menu overflow on smaller screens

Signed-off-by: James Hunt <10615884+thetwopct@users.noreply.github.com>
---
 .../cncf-twenty-two/source/scss/core/_header.scss     | 11 ++++++++---
 1 file changed, 8 insertions(+), 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
index 5ae072c10..09705af4c 100644
--- 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;