Responsive Menu on "small" screens

[rainerrose]

Hi!

The responsive design works almost perfect. On some “smaller” screens, IMHO the menu is reduced too early.

Example

Let's take the following website https://hbs.razonyang.com/.

more than 1400px

A screen with more than 1400px the menu is displayed in full width at the top.

Between 1300px and 1399px

Now reduce the resolution (like my laptop with 1360px width).
All the icons vanished and I only see a very reduced view of the menu; see screenshot

Reduce Zoom-Factor

But when I reduce the zoom-factor in my browser to 90% you got this:

IMHO, there (In the screenshot see number 2) should be enough space, even in the 100% variant, so that no reduction should be necessary at the top of the menu.

Is there a way to control this behavior, when the “smaller” menu becomes active?

[razonyang]

Is there a way to control this behavior, when the “smaller” menu becomes active?

Yes, the simplest way is to change the breakpoint size, see #1082 (comment)

[rainerrose]

Thanks a lot. I did search in the discussions, but obviously not well enough. Sorry.

[razonyang]

No problem.

I just added a parameter called topAppBar.expandBreakpoint (xl, lg, xxl, default to xxl), available since v1.9.0, you can now set it on params file to achieve this.