How to create an off-canvas popup menu in Elementor

Quickly and easily create an off-canvas popup menu in Elementor Pro, no extra plugins needed!

Step 1: Access Elementor Popups

Start by accessing your WordPress dashboard.

Step 2: Navigate to Elementor Popups

Scroll down to Elementor in the dashboard menu. Click on "Templates." Select "Popups."

Step 3: Create a New Popup

If you haven't already created a popup, you can click on "Add a New Popup." Choose your preferred template type.

Step 4: Customize the Popup

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.

error: Content is protected !!

Start Here

Join Today and get our

Free 2023 Pricing Guide

Let’s Go

are you ready to elevate your brand?

Skip to content