From c639c02ec711ffbbc79bc196fd674fb2086a7945 Mon Sep 17 00:00:00 2001 From: Adam Wood <1017872+adamwoodnz@users.noreply.github.com> Date: Tue, 24 Sep 2024 10:35:44 +1200 Subject: [PATCH] Reinstate hidden horizontal overflow on 404 page See https://github.com/WordPress/wporg-parent-2021/issues/155 --- .../themes/wporg-parent-2021/sass/page/_404.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 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 index da38b6b1..43abab87 100644 --- 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 , 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() {