select correct breakpoint for mobile menu, add note in doc
This commit is contained in:
parent
22a984ab2d
commit
97f05f00c7
2 changed files with 12 additions and 2 deletions
|
|
@ -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
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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,
|
||||||
|
// ...
|
||||||
|
}
|
||||||
|
```
|
||||||
Loading…
Reference in a new issue