Width

The theme adjusts the menu width based on browser size.

If you want to change the chosen default width, you can add CSS variables to layouts/partials/custom-header.html.

Changing Menu Width

The menu width changes for different screen sizes:

You can change the menu width but not the screen width breakpoints.

To adjust the menu width, use these CSS variables. Note that --MENU-S-width is for the mobile menu flyout on small screens.

<style>
:root {
    --MENU-S-width: 14.375rem;
    --MENU-M-width: 14.375rem;
    --MENU-L-width: 18.75rem;
}
</style>