Demo: single-level navigation
Considerations
Setting | Description | Option used for this pattern |
---|---|---|
breakpoint | A number representing the viewport width in pixels at which the navigation toggle button will be hidden. Converted to em units in the script. Make sure that this ties up with the breakpoint values used in the CSS. |
768 |
mobileIcon | String for the SVG icon code used in the small screen navigation toggle button. Contains two path elements, one for the ‘open’ icon and one for the ‘close’ icon. CSS is used to change which path is shown depending on the aria-expanded state of the button. |
Default setting |