🎉 Black Friday deal! 25% off your first year of CodyHouse Pro →

Projects

Progress value is 30%

Drawer Navigation

Header template with drawer navigation.

Copy: View demo

Dependencies

All components are based on CodyFrame.

If you're using this component, you should also include the SCSS/JS of the following components:

How to

The Drawer Navigation component is used to display a minimal header along with a drawer/side navigation.

The menu button (.dr-nav-control-wrapper) is the only element of the header in position fixed. If there's enough content to scroll, the menu button will remain sticky.

Make sure the max-width utility class applied to the .dr-nav-header > .container element is equal to the one applied to the .dr-nav-control-wrapper > .container element.

<header class="dr-nav-header">
  <div class="container max-width-xl"> <!-- 👈 -->
    <!-- ... -->
  </div>
</header>

<div class="dr-nav-control-wrapper">
  <div class="container max-width-xl"> <!-- 👈 -->
    <!-- ... -->
  </div>
</div>

✅ Project duplicated

✅ Project created

There was an error while trying to export your project. Please try again or contact us