[ad_1]
The problem is: the longest word is wider than the submenu.
Try this, it will remove the wrapping of submenu items at all:
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
min-width: max-content !important;
}
Add the CSS code to the Customizer > Custom CSS.
To wrap between the words, set the submenu width to a value that fits the word length, i.e. change the max-content in the above code with 220px :min-width: 220px !important;
This is a very strange side effect of a group block. The simplest solution I have just found is foglendering individual CSS code:
.wp-block-navigation-submenu {
box-sizing: unset;
}
