# Offcanvas Menu

### 6. Offcanvas Menu

> 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%2FVVxFYvjnVqZ6wf0Ycxxp%2Fsplash_Offcanvas_Menu.png?alt=media\&token=093bb721-6d92-44f7-b241-1d9b6322f3e1)

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%2F8pqPkOXHvScZNGqmqeCM%2Fsplash_Offcanvas_Menu_step1.png?alt=media\&token=eff303f1-8433-4f91-b677-939ab73de7e8)

#### Step-2

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2FdEOwdnXBGt7SxtEEWSZa%2Fsplash_Offcanvas_Menu_step2.png?alt=media\&token=7d4735b1-8b01-4a94-82cb-ac6d67aaeba8)

#### Step-3

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fgf5drmeOH5z70wbKXV2H%2Fsplash_Offcanvas_Menu_step3.png?alt=media\&token=888ebff2-7c62-4253-8435-8f2086a21bd7)

#### Step-4

![](https://299314993-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrD6zkkWwg4W3S7sFogkq%2Fuploads%2Fo7odOkHLTLgGYvluaBxB%2Fsplash_Offcanvas_Menu_step4.png?alt=media\&token=c5e2ba8a-b611-44c7-b393-9582abe5fedc)