You might want to wrap the side navigation menu within an
overlay container. This page shows some ways on how to
achieve this. All examples on this page have placed the
side menu toggle control within a HyperNav top navigation
menu. Additionally, the class
.hn-no-hover has been
applied to all expand items, to fix unwanted hover toggles.
However, placing the side menu toggle control within a HyperNav
top navigation menu is not necessary.
Total Overlay Container
This container overlays all the content of a webpage. Note the class
Top Offsetted Container
This container is offsetted so that it overlays everything except the
top navigation menu. Note the class
.hn-side-container and on its associated overlay.