After you created your menu, go to template > pop-ups > Add new.
Choose pop-up and name your template, click create a template.
Close the library and go to pop-up settings.
In the settings tab, You can adjust the width, height, position and add an animation for your pop-up menu.
In the style tab, this is where you can change the background color of your pop-up menu, Adjust the overlay color and customize the close button.
You can now drag the navigation widget to your pop-up and layout the menu in any way you want to.
Choose None in Breakpoint we don’t need any breakpoint
After designing your pop-up menu, click publish, and this is what you can see on your screen. Just click the Save and close
Go to Templates > Theme Builder > Add new > Select Header
Drag the button widget, remove the text and add your icon for your menu pop-up.
Click the Dynamic tag in Link and choose pop-up,
Click again the pop-up and now you can choose the pop-up that you created.
Click publish and now we’re done
