UI Shell 💡: Allow hamburger menu to apply when na doesn't have enough space instead of auto hamburger in med screen size

[arinclementibm]

The problem

We have one navigation item for almost all users of our product. In the medium screen size, this one navigation element is automatically hidden in a hamburger menu. This means there is an extra click and more mental energy to find the one nav element.

The solution

Either allow the hamburger menu to auto appear when there is not enough real estate, or, at least provide the option for us to turn off the auto hamburger menu in the medium screen size.

Examples

IBM.com

Application/PAL

No response

Business priority

Medium Priority = upcoming release but is not pressing

Available extra resources

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

[anurima9]

We have been trying to restrict the hamburger menu for small screen size range, but we observe multiple components assembled together to build the header component. Is there a way that we can restrict the hamburger only for small range, and show all nav links in the header for sizes greater than small since we have enough room to display the nav links and the current implementation is an extra click for our users. Also, is there a way that we can include the global action icons inside the hamburger menu? When we resize at some point as observed, the global action icons get disappeared.
@arinclementibm