> For the complete documentation index, see [llms.txt](https://jdocs.themeparrot.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jdocs.themeparrot.com/joomla-templates/runway/template-customization/offcanvas-menu-configuration.md).

# Offcanvas menu configuration

### 5. Offcanvas menu configuration

Follow the below steps to configure Offcanvas menu for your Mobile view and tablet view

> Module position: off-canvas Module suffix: not used

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FD0z8wYFUa5vaic5YE4LG%2Foffcanvas.png?alt=media\&token=141c8277-c0d5-4c85-963a-15b12e44d67f)

If you want your module this way, Go to backend: Extensions --> Module Manager --> New --> Select type as Menu with the settings below:

#### Step-1:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FbgfFvDaOgBLpACziIRMx%2Foffcanvas_step1.png?alt=media\&token=31b2f65e-eb44-490d-ba8d-c5b94425a81b)

#### Step-2:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FyocUrJdwYXgL2IfGEIoM%2Foffcanvas_step2.png?alt=media\&token=ed40e294-2c0d-4120-9f64-3c356fc8d450)

#### Step-3:

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FjYu8Udh5zgseXoXfBTK5%2Foffcanvas_step3.png?alt=media\&token=75cf50a4-cc1a-4509-8f6e-a09bfb58d6ec)