Creating a Hamburger Menu

Techwave includes a powerful Theme Builder that lets you create a fully customized Hamburger Menu using the Elementor Page Builder and built-in Techwave widgets.

Step 1: Create the Hamburger Panel

1. Go to Techwave ➝ Theme Builder ➝ Add New.

2. A popup will appear — enter a Title and, from the dropdown menu, select Hamburger Panel.

3. Click Save & Start Creating.

4. You’ll be redirected to the Hamburger Panel Builder screen.

5. Use Elementor containers to design your Hamburger Panel layout.

6. Add elements using Techwave widgets such as Logo, Search Icon, Menu, Button, etc.

7. Once your design is ready, click Publish to save your Hamburger Panel.

Step 2: Assign the Hamburger Panel to the Header

1. After publishing, you’ll need to assign your Hamburger Panel to the Header.
   Go to Techwave ➝ Theme Builder ➝ Header ➝ Select Header.
   (If your Header is not yet created, you’ll need to create it first.)

2. In the Header layout, click the Hamburger Menu Widget (usually on the right side) to customize it.

3. An Elementor settings panel will open on the left.

4. Under the Panel section, select the Hamburger Panel you created in Step 1.

5. You can also adjust the panel width from here