Changeset 48032 for trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

Timestamp:

06/12/2020 03:09:35 PM (6 years ago)

Author:

ianbelanger

Message:

Bundled Themes: Twenty Nineteen long submenu item titles do not wrap.

Fixes the issue of long submenu item titles that do not wrap by adding a max-width: 20rem; and removing white-space: nowrap;.

Props kjellr, mukesh27, mohsinrasool, samful.
Fixes #45866.

File:

• trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss

@@ -206 +206 @@
                                 text-shadow: none;
                                 padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
-                                white-space: nowrap;
+                                max-width: #{20 * $size__spacing-unit};
 
                                 &:hover,