Kathryn P.

Hi @haipo – thanks for this report.

Could you please provide the following information to help better understand how to replicate the issue:

• What version of WordPress are you using?
• What’s the size of your browser window when you’re experiencing the problem? (You can use this tool and check the values at the top right.)
• Is the issue present with all your plugins temporarily deactivated, except Gutenberg? You can use the Health Check plugin‘s troubleshooting mode for this test, which will not change your live site. If the problem goes away, reactivate your plugins one by one (while still in troubleshooting mode) to find the culprit.
• Is the issue present with a default theme like Twenty Twenty-One? Again, you can use the Health Check plugin for this so your live site isn’t affected.
• Could you please provide a screenshot showing the issue – or better yet, a screencast. (Feel free to use Loom or your preferred tool.)

@enve Glad it’s looking more like what you had in mind now.

If you’d like to remove the spacer blocks on mobile, when the posts go down to one column and the offset/staggered effect is not present, you can try this custom CSS:

/* Archive pages - hide spacers in Post Template block on smaller screens */
@media screen and ( max-width: 783px ) {
  .archive .wp-block-post-template .wp-block-spacer {
    display: none;
  }
}

While the Customizer is not exposed by default when using Site Editing, you can still access it manually by adding /wp-admin/customize.php after your URL. You can then add custom CSS in the Additional CSS area.

Hi @jkkenzie – thanks for the report.

I wasn’t able to replicate any of these issues with the following testing conditions:

PHP 8.0.22
WordPress 6.1.1
Classic Editor active
No other plugins active
Twenty Twenty-Three theme

Could you please provide the following information to help better understand how to replicate the issue:

• What version of WordPress are you using?
• What version of PHP is your server running?
• Is the issue present with all plugins temporarily deactivated, except Classic Editor? You can use the Health Check plugin‘s troubleshooting mode for this, which will not change your live site. If the problem goes away, reactivate your plugins one by one (while still in troubleshooting mode) to find the culprit.
• Is the issue present with a default theme like Twenty Twenty-Three? Again, you can use the Health Check plugin for this.

Further to this – I’m not seeing any “Insert Shortcode” option on the standard Classic Editor toolbar, which makes me suspect an additional plugin might be adding this. Here are the default buttons:

Let me know how it goes.

Hi @kuntelercenpo – thanks for the links.

I see that one of the navigation menus has a blue background colour set on the Navigation block, while the other has no background colour defined.

Menu with blue background:

Menu with white (transparent) background:

You’ll want to go into the Site Editor at Appearance > Editor, and go to the template or template part where you created this Navigation block.

Once you’re in the right template/template part, select the Navigation block and set the same blue background colour on it.

Let me know how it goes!

Wow, that does sound cumbersome.

The only thing I can think of is perhaps you could try asking in the Kirki Customizer Framework support forum – if this is indeed what you’re using – for some insight into what the framework does, and some ways to figure out how to detect what functionality is in use on your site.

Alternatively, you could making a copy of your site on a development server, then try deactivating the plugin and then exploring the site to see if anything is negatively affected. Unfortunately, I don’t know of an automated way to do this.

You’re very welcome, glad to hear!

Hey there @rinh –

@welcher provided this function that you can add to your child theme’s functions.php file. Create Block theme doesn’t provide this file by default, but you can create one in a code editor and add it to your child theme folder.

add_filter(
	'language_attributes',
	function( $output ) {
		return $output . ' data-theme="dark"';
	},
);

Just keep in mind that it’s a little hacky. But I just tested it, and it worked for me, outputting this on the front end:

<html lang="en-US" data-theme="dark">

Let me know how it goes!