Quickly and easily create an off-canvas popup menu in Elementor Pro, no extra plugins needed!
Start by accessing your WordPress dashboard.
Scroll down to Elementor in the dashboard menu. Click on "Templates." Select "Popups."
If you haven't already created a popup, you can click on "Add a New Popup." Choose your preferred template type.
Edit the popup content using Elementor. Add elements such as site title, gallery, menu, and social media icons. Customize the styling of your menu, adjusting fonts, spacing, and search form settings as desired.
Exit the popup editor and go back to your site. Edit your header using Elementor. Add a menu icon (or text) to your header if not already present. Link the menu icon to your popup by selecting "Custom URL" and configuring the pop-up settings, including the pop-up name. By following these five steps, you can create and link a pop-out off-canvas menu in Elementor.