WordPress / twentytwentyfive

134 stars 97 forks source link

Changing the font breaks the design #580

Open 369work opened 5 days ago

369work commented 5 days ago

Description

I am using the twentytwentyfive theme on Wordpress 6.7 beta3. When I select certain typography in the theme customization, the header design falls apart. The affected fonts are (robot slab&manrope) and (volkorn). When I select it, the brand name and menu in the header drop by one line. Is this a bug? Or is it by design? Image Image

carolinan commented 5 days ago

The different size of the fonts makes the text in the navigation larger or smaller, so all the menu items do not fit on one line. You can make the menu shorter or use more sub menus.

369work commented 5 days ago

Of course I agree with that idea. However, since this only happens with two fonts, I would like to find a fundamental solution.

hanneslsm commented 5 days ago

However, since this only happens with two fonts

It happens with all fonts, because it's dependent on the font-size and available space. Resize your browser window and you'll see it happens also with other designs.

I would like to find a fundamental solution.

Related Discussion: https://github.com/WordPress/gutenberg/discussions/53475