DS Mobile Menu – Customizable Bottom Navigation Bar

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.