WordPress.org

Make WordPress Core

Opened 9 months ago

Last modified 2 months ago

#45866 new defect (bug)

Twenty Nineteen: Long submenu item titles do not wrap

Reported by: kjellr Owned by:
Milestone: Future Release Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-screenshots has-patch
Focuses: Cc:
PR Number:

Description

In the latest version of Twenty Nineteen (1.1), long submenu item titles do not wrap on desktop screens (looks like there's a whitespace: nowrap; rule applied to .main-navigation .sub-menu > li > a).

https://cldup.com/P4ghkyXNC8-3000x3000.png

These should wrap when necessary, and wrapped lines should be indented as in the following mockup:

https://cldup.com/PVn2wvPEBF-1200x1200.png

Attachments (1)

45866.patch (1.2 KB) - added by mohsinrasool 2 months ago.
Patch to set fix width issue of the submenu item in both .scss and .css files.

Download all attachments as: .zip

Change History (4)

#1 @mukesh27
9 months ago

In my case i have to remove whitespace: nowrap; from .main-navigation .sub-menu > li > a and also needs to change min-width: min-width: max-content; to min-width: min-width: 250px;

#2 @laurelfulford
9 months ago

  • Keywords has-screenshots added
  • Milestone changed from Awaiting Review to Future Release

@mohsinrasool
2 months ago

Patch to set fix width issue of the submenu item in both .scss and .css files.

#3 @mohsinrasool
2 months ago

  • Keywords has-patch added; needs-patch removed

Added a patch to set fix width issue of the submenu item in both .scss and .css files. I am starting to contribute in WordPress. Do let me know if something wrong with my fixes.

Thanks

Note: See TracTickets for help on using tickets.