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 (within the Hamburger Menu widget).

2. Go to Techwave ➝ Theme Builder ➝ Header ➝ Select Header.
   (If your Header is not yet created, you’ll need to create it first.)

3. In the Header layout, Insert a Hamburger Menu Widget

4. In the Hamburger Menu widget settings, select the Hamburger Panel you created in Step 1.

5. You can also adjust the panel width from here