Full screen navigation
Make the offcanvas panel appear as a fullscreen panel
The fullscreen panel is a type of menu that covers the entire device screen when triggered. Some modifications are necessary so that we can achieve this.
1 - Follow the documentation and set up a navigation bar.
2 - Add the "navigation-fullscreen" class to the "nav" element:
Copy
<nav id="navigation" class="navigation navigation-fullscreen"> ... </nav>
The result:
You can make a combination with a hidden and fullscreen navigation
See the list of tutorials for other ways to modify the navigation bar and add features.