Videomaker: Update navigation width

Automattic · Nov 18, 2021 · d593630 · d593630
1 parent 7557739
commit d593630
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/blockbase/sass/blocks/_navigation.scss b/blockbase/sass/blocks/_navigation.scss
@@ -35,6 +35,7 @@
 		.wp-block-navigation-item {
 			align-items: flex-start;
 		}
+
 		.wp-block-navigation__responsive-container-content .has-child { // Needed for specificity to beat the navigation block CSS
 			.wp-block-navigation__submenu-container {
 				font-size: var(--wp--preset--font-size--normal);

diff --git a/videomaker/assets/theme.css b/videomaker/assets/theme.css
diff --git a/videomaker/sass/_navigation.scss b/videomaker/sass/_navigation.scss
@@ -11,6 +11,8 @@
 
 		.wp-block-navigation__responsive-container-content { // Needed for specificity to beat the navigation block CSS
 			align-items: flex-start;
+			margin: 0 auto;
+			max-width: 800px; // This should match the content width
 
 			.wp-block-navigation-item {
 				row-gap: 0rem;