Looking for a clean, flexible offcanvas menu that integrates perfectly with Elementor? We’ve got just the plugin for you.
This free plugin lets you create a stylish offcanvas menu using your own Elementor templates. It’s designed to work seamlessly inside any Elementor header, giving you full control over the look and feel.
⚙️ Key Features
- Elementor Template Integration: Use any Elementor template as your offcanvas menu content.
- Flexible Positioning: Open the menu from the left or right side of the screen.
- Adjustable Width: Choose between full-width (100%) or half-width (50%) menus.
- Customizable Icons: Easily change the color and size of the hamburger and close icons.
- Modern Design: Sleek black background with white text for a clean, modern look.
- Smooth Animation: Enjoy a smooth slide-in animation without any layout shifts.
- Keyboard Accessibility: Fully accessible for keyboard users.
Everything is managed directly from the WordPress admin, so you can tweak settings without touching code.
🧩 How to Use
- Design your menu in Elementor → Templates.
- Install and activate the plugin.
- Go to Offcanvas Menu settings in your WordPress dashboard.
- Select your Elementor template and configure the menu options.
- Add the shortcode
[offcanvas_24siteshop]to your Elementor header.
That’s all! Your custom offcanvas menu is now live.
📱 Why This Plugin?
- Seamless Elementor Integration: Built specifically for Elementor users.
- No Extra Dependencies: Lightweight and efficient, with no extra libraries.
- Consistent Design: Your offcanvas menu will look great on both desktop and mobile devices.
- Easy Customization: Change icons, colors, and sizes directly from the settings.
This plugin is perfect for anyone who wants a versatile offcanvas menu in Elementor. It’s easy to set up, fully customizable, and free to use.
We hope it makes your design process smoother and your websites even more dynamic.
Happy building! 🚀
