Width
Th' theme adjusts th' menu width based on browser size.
If ye want t' change th' chosen default width, ye can add CSS variables t' layouts/partials/custom-header.html.
Chang'n Menu Width
Th' menu width changes fer different screen sizes:
| Screen Size | Screen Width | Menu Width |
|---|---|---|
| Small | < 48rem | 14.375rem |
| Medium | 48rem - 60rem | 14.375rem |
| Large | >= 60rem | 18.75rem |
Ye can change th' menu width but not th' screen width breakpoints.
T' adjust th' menu width, use these CSS variables. Avast that --MENU-WIDTH-S be fer th' mobile menu flyout on small screens.
<style>
:root {
--MENU-WIDTH-S: 14.375rem;
--MENU-WIDTH-M: 14.375rem;
--MENU-WIDTH-L: 18.75rem;
}
</style>