Cambabutonono

Yes, this is exactly what I mean – my theme is not loading any extra styles for dropdowns on front-end, like in your example that you posted earlier (however it does in the block editor just fine). Ive tested that on both chrome and safari. Thanks for looking into it.

Thanks for heads-up @poena !

• This reply was modified 1 year, 6 months ago by Cambabutonono.

Hi, The below snipped works fine for main menu so far but I haven’t finished the project so not sure what still awats… 😉

// SCSS
// adjust the mobile menu breakpoint

$breakpoint--global-header: 1300px;

@media (max-width: $breakpoint--global-header) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;
	}
}


@media (min-width: $breakpoint--global-header) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		width: 100%;
		position: relative;
		z-index: auto;
		background-color: inherit;
	}
}

The link to the workaround posted by @doctorrockter worked in my case! Many thanks!
(delete _transient_wp_core_block_css_files in the wp_options table.)

Thanks for your response @macmanx Would you be able to provide an advice on how do I report it there? The topic appears to be closed for replies… cheers!