DS Mobile Menu adds a beautiful, fully customizable bottom navigation bar to any WordPress website. Inspired by native mobile apps, it transforms the browsing experience on smartphones and tablets with smooth animations, six premium layout presets, and deep WooCommerce integration.

Why DS Mobile Menu?

Most mobile menus just style the hamburger. DS Mobile Menu replaces it with a native-app-style bottom navigation bar that visitors actually love to use.

6 Premium Layout Presets

Minimal — Clean, flat bar. Pure simplicity, zero distraction.
Modern — Card-elevated bar with a smooth active indicator line.
Glassmorphism — Frosted glass with backdrop blur and transparency.
Floating — Pill-shaped bar that hovers above the viewport edge.
Center FAB — Standard bar with an oversized center action button.
Premium App — Native-app feel with animated active state and notch support.

Unlimited Menu Builder

Build any navigation you need:
* Unlimited menu items with drag-and-drop sorting
* Custom icons (Dashicons, Font Awesome optional, or inline SVG)
* Custom URLs, Page links, Post links, Category links, External links
* Phone & Email links
* Custom badges, tooltips, and labels
* Hide labels, control icon size, font size, padding, border radius
* Per-item animations (bounce, pulse, shake, scale)

Deep WooCommerce Integration

Automatically detects WooCommerce and supports:
* Home, Shop, Categories, Wishlist, Cart, Checkout, My Account
* Live cart badge counter via WC fragments (no page reload)
* Badge auto-hides when cart is empty

Full Visibility Controls

Show or hide the menu based on:
* Device (desktop, tablet, mobile — CSS breakpoints, no UA sniffing)
* Login state (logged in / logged out)
* User roles
* Specific pages
* 404, Search, Archive pages
* WooCommerce pages

Professional Customizer

Unlimited colors with live preview
Typography (font family, size, weight)
Glass effect with blur control
Gradients, borders, shadows
Safe area support (iPhone notch / home indicator)
Dark mode (respects prefers-color-scheme)
Transition duration and easing

Performance First

No jQuery dependency on front-end — pure vanilla JS
Deferred script loading
Conditional asset loading — CSS/JS only on pages where the menu renders
Generated CSS written to a static file — served as a static asset, not generated on each request
No render-blocking resources
Core Web Vitals friendly

Accessibility (WCAG AA)

Full keyboard navigation
ARIA labels and aria-current="page" on active items
Screen reader friendly with sr-only labels
Visible focus states
Contrast compliant

Security

Nonce verification on all AJAX requests
Capability checks (manage_options) on all admin actions
Full input sanitization and output escaping
No direct database writes from raw user input
Proper Settings API usage

Import / Export

Backup and transfer all settings between sites with one click. Useful for staging-to-production deployments.

RTL Support

Full right-to-left layout support for Arabic, Hebrew, and other RTL languages.

Translation Ready

100% internationalized. All strings use proper text domains and escaping translation functions. Includes a .pot template.

DS Mobile Menu – Customizable Bottom Navigation Bar