Changed css to fix navigation issues in long menu names. (#1621)

WordPress · May 16, 2024 · 759be46 · 759be46
1 parent 61a5572
commit 759be46
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/wp-content/themes/pub/wporg-learn-2020/css/vendor/_legacy-styles.scss b/wp-content/themes/pub/wporg-learn-2020/css/vendor/_legacy-styles.scss
@@ -2947,15 +2947,17 @@ body, #pagebody {
 		display: flex !important;
 		align-items: center;
 		font-size: 14px;
-
+		flex-wrap: wrap;
+		justify-content: right;
 	}
 
 	.main-navigation ul li {
 		border: 0;
 		display: inline-block;
 		font-size: 1rem;
-		margin-right: 1rem;
-		padding: 0;
+		margin-left: 1rem;
+		margin-right: 0;
+		padding: 0.4rem 0;
 	}
 
 	.main-navigation ul li:last-of-type {