About This Plugin
Amit Dholiya Mobile Header adds a dedicated, deeply customizable navigation system for mobile visitors: a sticky mobile header, an animated hamburger button, a slide-out off-canvas menu, and a fixed bottom tab bar — all controlled from one modern admin panel with live preview.
Every rule the plugin generates is scoped to your chosen breakpoint (768px by default), so desktop visitors see your theme exactly as before.
Key features
- Mobile-only header with 4 layout styles, sticky behavior, transparency, shadows, rounded corners
- Logo + site title controls: retina logo, alignment, sizing, margins, display mode
- Fully styleable header text: font, weight, size, spacing, line height, color, case
- Hamburger menu: 4 icon styles, 10 animations, full color and sizing control
- Off-canvas slide menu: direction, width, colors, overlay, search, social icons, login/profile, WooCommerce cart
- Google Fonts-ready menu typography
- Fixed footer navigation bar with up to 5 items, 4 visual styles, active-state highlighting
- Popup or fullscreen search with optional AJAX live suggestions
- 8 built-in social networks plus unlimited custom icons
- Smooth page load transitions (fade, fade+slide, loader)
- Import / Export / Reset settings as JSON
- Live preview panel — every change reflects instantly
- Full keyboard accessibility: ESC to close, focus trap, ARIA attributes, screen-reader labels
- Built with the WordPress Settings API, nonces, capability checks, sanitization and escaping throughout
- No jQuery on the frontend; dynamic CSS generated from your settings and cached
- Compatible with Gutenberg, block themes, Elementor, Astra, Kadence, GeneratePress, and WooCommerce
Screenshots
