Are you looking to create an app-like sticky bottom mobile menu in Elementor? This menu stays fixed at the bottom of the screen as the user scrolls, giving mobile visitors easy access to navigation without scrolling back to the top.
With the Mobile Menu widget in The Plus Addons for Elementor, you can create a sticky bottom mobile menu in Elementor.
To check the complete feature overview documentation of The Plus Addons for Elementor Mobile Menu widget, click here.
Best Used For:
- Mobile-first WooCommerce stores where a bottom navigation bar keeps shop pages always accessible
- Service business sites with multiple sections, making key pages reachable without scrolling back up
- Portfolio and agency sites where a persistent bottom menu replaces a traditional hamburger toggle
Requirement – This widget is a part of The Plus Addons for Elementor, make sure it is installed & activated to enjoy all its powers.
Create a Sticky Bottom Mobile Menu
This is a pro feature. Upgrade to The Plus Addons for Elementor Pro for full functionality, plus 120+ other widgets.
To do this, add the Mobile Menu widget to the header template and follow the steps –
Note: To create the header template, you can use the free Nexter Builder or you can use Elementor Pro if you are already using it.
1. After selecting the appropriate style from the Style section, select Fixed from the Position dropdown.
2. From the Fixed Position dropdown, select Bottom.
3. In the Open Mobile Menu section, set the screen width at which the menu becomes visible. Use 767px or lower to show the menu on mobile screens only.
4. From the Menu 1 and Menu 2 tabs, create the menu items based on the style you selected in the Mobile Menu tab.
Your mobile menu will now stick at the bottom of the screen as the user scrolls. To add a menu toggle button to your Elementor header, see how to add a menu toggle button in an Elementor header.
Unlock Premium Mobile Menu Features (Pro Only)
Access advanced mobile navigation options with The Plus Addons for Elementor Pro and the enhanced Mobile Menu widget.
Swipe-Enabled Swiper Menu & Column Layouts
Select between a swiper-style horizontal menu or a column layout for mobile navigation. Configure touch-sensitive scrolling, pagination indicators, and item spacing from the widget settings.
Extra Floating Toggle Button & Active Page Indicator
Add a central floating button to open the mobile menu, and highlight the current page in the navigation visually. Use this when you want visitors to always see which page they are on as they navigate.
Off Canvas Menu Panel
Design a slide-in off-canvas menu that opens on click or hover. Configure entry animations, position, width, and overlay settings directly in the Elementor editor without custom code.
Performance-Tuned Design with Icon & Style Control
Control icons, labels, colors, spacing, and fixed position settings for menu items across devices. The widget loads only the styles needed for the selected menu type, keeping pages fast on mobile.
Why Upgrade?
The Plus Addons for Elementor Pro gives you sticky bottom menus, swiper styles, floating toggle buttons, and full visual customization for mobile navigation inside the Elementor editor. No custom code is required. Upgrading gives you access to this feature plus 120+ widgets and a 60-day money-back guarantee.
Also, read How to Create a Swiper Mobile Menu in Elementor.
