From 485fdca9589ee816fe3b2df448e204d3f689a30a Mon Sep 17 00:00:00 2001 From: Tammie Lister Date: Mon, 22 Jul 2024 17:50:53 +0000 Subject: [PATCH] Twenty Twenty: Fixes Customizer widget edit buttons being obstructed on smaller screens. When the screen is smaller the edit buttons are obscured. This resolves that problem for the smaller screens and only targets the container for footer navigation and widgets. Props sumitsingh, SergeyBiryukov, sabernhardt. Fixes #49008. git-svn-id: https://develop.svn.wordpress.org/trunk@58778 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-content/themes/twentytwenty/style-rtl.css | 9 +++++++++ src/wp-content/themes/twentytwenty/style.css | 9 +++++++++ 2 files changed, 18 insertions(+) diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css index ccaa719a6634e..2b80e059ff490 100644 --- a/src/wp-content/themes/twentytwenty/style-rtl.css +++ b/src/wp-content/themes/twentytwenty/style-rtl.css @@ -6416,3 +6416,12 @@ a.to-the-top > * { top: 0; } } + +@media ( max-width: 800px ) { + + /* Customizer ---------------------------- */ + + .customize-partial-edit-shortcuts-shown .footer-nav-widgets-wrapper .footer-inner.section-inner { + width: calc(100% - 8rem); + } +} diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css index 6bfa93cc35330..75625d39ec729 100644 --- a/src/wp-content/themes/twentytwenty/style.css +++ b/src/wp-content/themes/twentytwenty/style.css @@ -6532,3 +6532,12 @@ a.to-the-top > * { top: 0; } } + +@media ( max-width: 800px ) { + + /* Customizer ---------------------------- */ + + .customize-partial-edit-shortcuts-shown .footer-nav-widgets-wrapper .footer-inner.section-inner { + width: calc(100% - 8rem); + } +}