In this guide, we will show you how to add a “Side Menu widget” to your Elementor website. The Side Menu widget is a powerful navigation tool that allows you to create a stylish slide-in menu on your site. You can easily add menu items, icons, and links that appear as a sidebar, offering users a modern and clutter-free navigation experience. Perfect for websites that want to maintain a clean layout while ensuring quick and intuitive navigation, this widget helps enhance usability and accessibility.
Let’s explore the customization options available in the “Side Menu widget” for Elementor below.
Elementor Side Menu Tutorial Video (Step by Step Guide)
Add a Free Side Menu to Elementor
Add a Free Side Menu Widget to an Elementor Page
Elementor Side Menu Widget General Settings
Menu
Select a menu from your WordPress website that you want to output in the widget.
Max Depth
Select the maximum number of submenu items depth level you want your menu to show.
Menu Side
Choose where you want to open your side menu. Left or Right.
Menu Open Speed
The speed of the animation the menu opens in.
Show Overlay
Add an overlay layer to separate your menu from the website content.
Show Arrows of Parents
Add an indication for parent items that they have child items.
Close on Body Click
Click any where on your website except the menu to close it.
Push Content On Open
Push the content of the website when the menu opens.
Clickable Parent Items
Make the parent items clickable rather than just opening the sub items.
Expand All On Start
Expand all the subitems initially when a user first open the menu.
Show Search
Show or hide the search bar.
Search Place Holder
Placeholder text for the search bar.
Show Action Buttons
Show or hide the action buttons in the side menu.
Action Buttons Placement
Determine the place of the action buttons. Above or under the menu.
Show Menu Title
Show or hide the title of the menu.
Menu Title
Text for your menu title.
Elementor Side Menu Widget Menu Icons Settings
Elementor Side Menu Widget Action Buttons Settings
Elementor Side Menu Widget Side Menu Styling Settings
Side Menu Widget Design Examples For Elementor
Here are some live use cases for the Side Menu widget.
Side Menu for website.
Side Menu for Mobile View.
Thank you for using the Side Menu Widget for Elementor! With its sleek slide-in design and customizable navigation options, it’s the perfect tool for creating a modern and user-friendly website experience. Ideal for business websites, portfolios, or online stores, this widget helps you organize content efficiently while keeping your layout clean and accessible. If you have any questions or need assistance, feel free to reach out. For inspiration and live demos, don’t forget to visit our website.