How to disable the hamburger on a maximised viewport...?

We would like to use the <vaadin-app-layout> to show the 3-4 options horizontally next to each other in a top navbar, without any drawer on a full browser viewport (as is seen on many public sites these days).

If the viewport is reduced, we would like the hamburger menu to appear with the then hidden menu items, but only in that case.

What would be the best way to prevent the drawer from appearing when the viewport is maximised…?

The drawer menu can be closed like this: <vaadin-app-layout .drawerOpened=${false}>.