Move Bottom Menu
The mobile bottom menu supports separate control for phones and tablets. The first-level menu can have 1-5 customizable items, the second level can have up to 12 items, and even a third level is possible.
About
Mobile bottom navigation bar for WordPress. It renders a fixed footer bar on mobile devices with per‑device settings, supports secondary menus in multiple display styles, and provides icon configuration without changing themes.
Key features:
- Separate phone/tablet configs: enable, top‑level item count (1–5), container height
- Secondary menu styles: overlay, bottom drawer, popover (aligned to the corresponding top item)
- Limits secondary items to 12 for usability
- “More” item automatically collects overflow top‑level entries
- Icon support: Dashicons or image URL; configurable size (12–48px) and position (left/right/top)
- Colors per device: background, active color, secondary menu background
- Does not cover page content: automatically adds bottom padding based on bar height
- Internationalization (zh_CN, en_US)
- Shortcode `\[mobile_bottom_menu\]` and footer auto render
Key features:
- Separate phone/tablet configs: enable, top‑level item count (1–5), container height
- Secondary menu styles: overlay, bottom drawer, popover (aligned to the corresponding top item)
- Limits secondary items to 12 for usability
- “More” item automatically collects overflow top‑level entries
- Icon support: Dashicons or image URL; configurable size (12–48px) and position (left/right/top)
- Colors per device: background, active color, secondary menu background
- Does not cover page content: automatically adds bottom padding based on bar height
- Internationalization (zh_CN, en_US)
- Shortcode `\[mobile_bottom_menu\]` and footer auto render
Installation
1. Upload the plugin folder `move-bottom-menu` to `/wp-content/plugins/` or install via the admin Plugins screen
2. Activate the plugin
3. Create a menu and assign it to location “Mobile Bottom” in Appearance → Menus
4. Go to “Move Bottom Menu → Settings” to configure phone/tablet counts, colors, heights and secondary menu display
5. Optionally use the shortcode `\[mobile_bottom_menu\]` to render in a custom position
2. Activate the plugin
3. Create a menu and assign it to location “Mobile Bottom” in Appearance → Menus
4. Go to “Move Bottom Menu → Settings” to configure phone/tablet counts, colors, heights and secondary menu display
5. Optionally use the shortcode `\[mobile_bottom_menu\]` to render in a custom position
FAQ
= How do I show secondary menus as popover aligned to a top item? =
Choose “Popover” in “Secondary menu display” under Settings. It will align the popover width to the clicked top‑level item.
= How do I add icons to menu items? =
Go to “Move Bottom Menu → Menu Icons” and fill the icon field per item with either a Dashicons name (e.g. `dashicons-admin-home`) or an image URL.
= Will the bottom bar hide desktop content? =
Yes, by default the bar is hidden on desktop and the plugin adds body bottom padding equal to the bar height on mobile/tablet.
Choose “Popover” in “Secondary menu display” under Settings. It will align the popover width to the clicked top‑level item.
= How do I add icons to menu items? =
Go to “Move Bottom Menu → Menu Icons” and fill the icon field per item with either a Dashicons name (e.g. `dashicons-admin-home`) or an image URL.
= Will the bottom bar hide desktop content? =
Yes, by default the bar is hidden on desktop and the plugin adds body bottom padding equal to the bar height on mobile/tablet.