Reinstate hidden horizontal overflow on 404 page

See #155
WordPress · Sep 23, 2024 · c639c02 · c639c02
1 parent 9220e95
commit c639c02
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/source/wp-content/themes/wporg-parent-2021/sass/page/_404.scss b/source/wp-content/themes/wporg-parent-2021/sass/page/_404.scss
@@ -4,7 +4,15 @@ body.error404 {
 	background-color: var(--wp--preset--color--charcoal-2);
 
 	.site-content-container {
-		position: relative;
+
+		/*
+		 * Prevent "oops" from creating a horizontal scroll.
+		 * In some iOS versions, these rules also have to be applied to <html>, but that would bleed over to other
+		 * pages. It's better to just let there be a scroll, since it's not a commonly used page.
+		 */
+		position: relative; // needed for overflow to work
+		overflow-x: hidden;
+
 		z-index: 0;
 
 		@include break-small() {