> For the complete documentation index, see [llms.txt](https://7iquid.gitbook.io/amoor-creative-agency-and-portfolio-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://7iquid.gitbook.io/amoor-creative-agency-and-portfolio-theme/basic-site-setup/hidden-mobile-menu-builder.md).

# Hidden Mobile Menu - Builder

Note: Remember checked Elementor support builder for post type "Templates" from Elementors -> Settings -> General

### Create Hidden Mobile Menu

1. Navigate to Template from the `Themename Dashboard -> Template`
2. Click `Add New` button on top
3. Put a Hidden Mobile menu template name and you need to choose the type for the template as **`Hidden Panel`**
4. **Click `Publish` button for save template**
5. Click `Edit with Elementor` and start adding the widgets you want

<figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/HVHiGCFoPbatK0JkyecL/docs-img31.jpg" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/QA9Eon8PGepX9RPkifGz/docs-img32.jpg" alt=""><figcaption></figcaption></figure></div>

### Edit Hidden Mobile Menu

1. Navigate to Template from the `Themename Dashboard -> Template`
2. Select "Hidden Panel" Filter and click "Filter" button
3. Click "`Edit width elementor`" link from Hidden Mobile Menu layout you want changing
4. In Elementor page builder editor, you can change menu, text, ...
5. Click `Update` button for save template

<div align="left"><figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/u2RUUZhmu2Gd5uAbGoZs/docs-img33.jpg" alt=""><figcaption></figcaption></figure></div>

### Assign and Display at frontend

1. Click `Edit with Elementor` on Header Mobile layout
2. In Header Mobile Elementor Editor Builder, choose `PXL Anchor` widget element
3. On the Left Panel let Select Templates is `Mobile Menu` and custom some other option if you want
4. Click `Update` button on the bottom left
5. In Frontend you can see it display when click on `PXL Anchor` widget icon

<figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/kWP7ECqL12d50FfxwTwA/docs-img34.jpg" alt=""><figcaption></figcaption></figure>

<div align="left"><figure><img src="https://content.gitbook.com/content/U7jZgAFh09s8IWFLaoah/blobs/TXDIIuKuZIAYDPV5OQ7Q/docs-img35.jpg" alt=""><figcaption></figcaption></figure></div>