Description
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
Installation
- Upload the
amitdholiya-mobile-headerfolder to/wp-content/plugins/, or install the zip via Plugins Add New Upload Plugin. - Activate the plugin through the “Plugins” screen.
- Go to Mobile Header in the admin sidebar to configure your header, menu, and footer bar.
- Optionally assign a menu to the Amit Dholiya Mobile Header — Slide Menu” location under Appearance Menus, or pick one directly on the Slide Menu tab.
FAQ
-
Will this affect my desktop header?
-
No. With Mobile Only” enabled (default), every generated style is wrapped in a max-width media query at your chosen breakpoint, plus a hard override that hides the plugin’s elements above that breakpoint.
-
Does it work with my theme?
-
The plugin hooks into the standard
wp_body_openandwp_footeraction hooks, which are supported by all modern block themes and by popular classic themes such as Astra, Kadence, and GeneratePress. -
Does it require WooCommerce?
-
No. WooCommerce-specific features (cart icon and count) simply stay hidden if WooCommerce isn’t active.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Amit Dholiya Mobile Header” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Amit Dholiya Mobile Header” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.0
- Renamed the plugin to Amit Dholiya Mobile Header” (distinctive name/slug per WordPress.org review guidance).
- Removed the free-text Custom CSS / Custom JavaScript fields — arbitrary code insertion is no longer permitted on the directory. Every visual option remains available as a structured control (color pickers, sliders, toggles, etc.).
- Fixed: color fields with the alpha picker (rgba output) were being rejected by the sanitizer and silently reset to defaults on save.
- Fixed: Import/Reset controls were nested inside the main settings form (invalid HTML), which could prevent the Save button from submitting at all.
- Fixed: unchecked toggle fields now correctly save as off instead of reverting to their schema default.
- Fixed: mobile header layout overlap between the site title and hamburger icon on narrow screens (now uses CSS Grid instead of absolute centering).
- Fixed: search dropdown position and visibility CSS issues.
1.0.0
- Initial release.