---
title: Off Canvas Menu
path_slug: menu-dropdown
layout: component
category: navigation
---

{% include_relative _notes.md %}

<iframe src="{{ site.baseurl}}/component/{{ page.path_slug }}/example.html"></iframe>

<h3>HTML</h3>

```html
{% include_relative component.html %}
```

<h3>SCSS <a href="scss/component.scss">Download SCSS</a></h3>

```scss
{% include_relative scss/component.scss %}
```

<h3>JS <a href="component.js">Download JS</a></h3>

```javascript
{% include_relative component.js %}
```

<h3>Resources</h3>

{% include_relative _resources.md %}

---
title: Off Canvas Menu
path_slug: menu-off-canvas
layout: component
category: navigation
---

{% include_relative _notes.md %}

<iframe src="{{ site.baseurl}}/component/{{ page.path_slug }}/example.html"></iframe>

<h3>HTML</h3>

```html
{% include_relative component.html %}
```

<h3>SCSS <a href="scss/component.scss">Download SCSS</a></h3>

```scss
{% include_relative scss/component.scss %}
```

<h3>JS <a href="component.js">Download JS</a></h3>

```javascript
{% include_relative component.js %}
```

<h3>Resources</h3>

{% include_relative _resources.md %}

Fix path to off-canvas example, it was displaying menu dropdown
Fix path to off-canvas example, it was displaying menu dropdown
