select correct breakpoint for mobile menu, add note in doc

This commit is contained in:
madrilene 2024-06-06 17:26:24 +02:00
parent 22a984ab2d
commit 97f05f00c7
2 changed files with 12 additions and 2 deletions

View file

@ -3,7 +3,7 @@
"description": "The min and maximum viewports used to generate fluid type and space scales.", "description": "The min and maximum viewports used to generate fluid type and space scales.",
"min": 320, "min": 320,
"sm": 640, "sm": 640,
"navigation": 730, "navigation": 662,
"md": 1000, "md": 1000,
"max": 1360 "max": 1360
} }

View file

@ -16,3 +16,13 @@ navigation: {
``` ```
`drawerNav` activates the navigation drawer, [built according to Manuel Matuzović's article on web.dev.](https://web.dev/articles/website-navigation) `drawerNav` activates the navigation drawer, [built according to Manuel Matuzović's article on web.dev.](https://web.dev/articles/website-navigation)
Adjust your menu breakpoint in `src/_data/designTokens/viewports.json`
```json
{
// ...
"navigation": 662,
// ...
}
```