NAVX

Hidden navigation

Using the navigation as a hidden navigation

We can set the navigation to be always hidden and be triggered by a button or link. To achieve this effect we will have to modify the breakpoint value and use some extra CSS code.

1 - Follow this tutorial and change the breakpoint value to 99999px. This high value is to ensure that the navigation will always be in portrait mode

2 - Follow this tutorial to show the offcanvas with your external element

3 - Use the CSS code below to hide the navigation:

.navigation{
    height: 0 !important;
    width: 0 !important;
}
.navigation-header{
    display: none !important;
}

Click on the bars:

See the list of tutorials for other ways to modify the navigation bar and add features.