In order to display a Hamburger Menu like the above picture, you can follow the steps below:
Step 1: Going to Appearance > Menus.
If you want to show a menu which was created to the Hamburger Menu.
- Select a menu you want.
- You need to check the Hamburger Menu in the Display locations section.
- Click Create.
Step 2: Going to Appearance > Customize > Header > Hamburger Menu.
- In this step, you can select a style for your Hamburger Menu layout. I take the first one for instance.
- You can enable or disable the logo on the top of the Hamburger menu.
- You also have to select “Menu” for the Content Type.