Customize Page Layout Issue after WordPress 6.7 Update – Large Spaces

Try from a Guest/Private/Incognito window. Does the problem persist?

If so, temporarily switch to another classic theme. Does the problem persist?

FWIW, I just setup a new site — and I’m unable to replicate the problem you’re experiencing.

I have 2 websites. Both the websites’ customize block also got distorted.

I use Generatepress theme and WordPress for Website.

• This reply was modified 5 months, 1 week ago by janardhan.

Hi. I am a website developer and yesterday after the update I noticed this problem on more than 8 sites. It is not related to the cache. It cannot be fixed by simply clearing the cache or opening the page from a private tab. The whole problem is in the CSS code of the admin panel, or more precisely this piece of code:

.accordion-section-title button.accordion-trigger {height: 100%;}

Solution:
height: auto or remove height property for this selector in CSS file.

We are waiting for an update with the fixed code.

62335 was opened for a different issue.

The screenshots given for Avada and Total themes both show a full-height section in the page content. Could you visit another page in the Customizer to determine if the full-height styles somehow affect the side panel or if you see error messages?

The only way I successfully reproduced the extra-tall buttons was with Flexy as the active theme and WP_DEBUG on. Showing errors seems to have caused the problem for me, but if your situations result from the same, then the large image would be hiding error messages. Otherwise, it might result from a height or min-height on an element in the Customizer panel (such as the accordion button’s h3) with your themes.

For a temporary fix, you could try adding this (in a custom plugin):

function wp670_customize_admin_enqueue_scripts() {
	$css = '.accordion-section-title button.accordion-trigger { height: auto; }';
	wp_add_inline_style( 'customize-controls', $css );
}
add_action( 'admin_enqueue_scripts', 'wp670_customize_admin_enqueue_scripts' );

There is a ticket from the developers here: https://core.trac.wordpress.org/ticket/62491 – I think it fits this time 😉 Unfortunately, a reproducible scenario is also missing there. Could you please @ghinamt:

• deactivate all plugins
• activate a standard classic theme like Twenty Twenty
• then test whether the problem still occurs with it
• if so, then copy the website report under Tools > Site Health > Info and paste it here

Then I could use the website report to try to recreate this and you would have a scenario that developers could work with. You are of course free to pass this information on to the above-mentioned ticket yourself.

As can be seen in the ticket, this has not been completed but is still in progress. Therefore, no update will help. Please create a separate topic for your own problem so that it can be investigated separately: https://wordpress.org/support/forum/how-to-and-troubleshooting/#new-topic-0