WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.61k stars 4.24k forks source link

Allow user to change breakpoint for mobile menu #45040

Open Nyiriland opened 2 years ago

Nyiriland commented 2 years ago

Issue

Currently, the default breakpoint for the mobile menu is under 600px. This means that desktop header navs with long menus generally wrap in a very unattractive way before the breakpoint kicks with a hamburger button. See exaggerated example:

image

This is one thing I almost always end up overriding with the CSS customizer.

Suggestion

It would be great to allow the user to add their own breakpoint for the mobile menu. I think it would make sense to add this to the Navigation block, under the Display section, if the "Mobile" option is chosen. Quick mockup below.

image
kathrynwp commented 2 years ago

related: #42305

Azragh commented 2 years ago

https://github.com/WordPress/gutenberg/issues/13363 https://github.com/WordPress/gutenberg/issues/20244 https://github.com/WordPress/gutenberg/issues/35808 https://github.com/WordPress/gutenberg/issues/35848 https://github.com/WordPress/gutenberg/issues/40870

helixgdn commented 1 year ago

I posted a solution here:

https://github.com/WordPress/gutenberg/discussions/54388#discussioncomment-6991148