QUEENS' navigation includes two types, top and side. To add top navigation to your website, use a nav tag with a class of “top-navigation”
To add side navigation to your website, use the class “side-navigation”
To take advantage of QUEENS' mobile responsive drawer navigation, identify the navigation items that you’d like to appear on mobile, then use the id “mobile-navigation”
<img width="30px" class="push-right mobile-only" onclick="openNav()" role="navigation" alt="navigation drawer" src="path/to/your-nav-icon"/>
Notice that in this example, the classes of push-right and mobile-only are also applied. Learn more about these classes in the containers section of this reference.