Side Menu Widget for Elementor
Create advanced WordPress menus with the Side Menu widget for Elementor. You get complete control over styling for every element along with various menu layouts.
Menu Settings
Elevate Your Website Navigation
Menu Style
Create Exceptional Menu Designs
Menu Elements
Tailor Your Elementor Side Menu with Precision
Responsive Menu
Transform Mobile Navigation
Multi-Level Menu
Mastering Multi-Level Menus with Elementor
Step by Step Tutorial
Learn How It Works?
Learn how to use the Side Menu Widget with this video tutorial. Master each step at your own pace effortlessly.
Menu Settings
Build the Perfect Side Menu
Unlock a world of possibilities as you explore the versatile settings to create an amazing side menu.
Menu Depth
Set the number of visible sub-menu levels (up to 3).
Menu Side
Choose whether the side menu opens on the left or right.
Menu Open Speed
Adjust the animation speed of the menu in seconds.
Show Overlay
Overlay for a contrasting background on the website.
Show Arrows for Parents
Display indicators for menu items with sub-items.
Close on Body Click
Automatically close the menu when clicking outside it.
Push Content On Open
Move website content when the menu opens.
Clickable Parent Items
Decide if parent items are clickable or just indicators.
Expand All On Start
Expand all parent items to show sub-items initially.
Pointer
Choose from various hover effects for menu items.
Open Menu on Load
Start with the menu open when the page loads.
Disable Scroll
Prevent scrolling the page when the menu is open.
Side Menu Widget Frequently Asked Questions
The Side Menu widget is a powerful navigation tool designed to create a slide-in menu on your website. It allows you to add menu items, icons, and links that appear as a sidebar, offering a clean and modern way to organize your website's navigation. This widget is ideal for providing users with a quick way to navigate through your site without cluttering the main layout.
This widget requires the Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to the Unlimited Elements Widget Library.
- Search for “Side Menu” in the search bar.
- Hover over the widget in the search results and click Install.
- Add the “Side Menu” widget to any Elementor page.
The Side Menu widget is not free; it is included in the Unlimited Elements Pro version. Unlock this widget and many other advanced features by upgrading to Pro. Upgrade Now
You can easily customize the depth of sub-menus in Elementor by adjusting the "All Depths" setting, allowing you to control how many levels of sub-menus are displayed, up to three levels.
In Elementor, the "Menu Side" setting determines whether the side menu widget opens on the left or right side of your website, providing flexibility in design and layout.
Use the "Menu Open Speed (sec)" setting to adjust the animation speed of the side menu in Elementor, allowing you to create a seamless and visually appealing user experience.
Enable the "Show Arrows for Parents" setting in Elementor to display indicators for menu items that have sub-items, providing a clear and intuitive navigation experience for users.
The "Push Content On Open" feature in Elementor creates a dynamic push effect, moving the website content to make room for the side menu when it opens, enhancing the overall visual appeal and engagement on your site.
Using the Side Menu widget is simple. Drag and drop the widget into your Elementor page, configure the menu items, customize the style, and select your desired animation and appearance. You can show icons, set different menu behaviors, and align it to your design. Check out our documentation for a detailed guide.