{"id":345501,"date":"2026-08-06T15:00:17","date_gmt":"2026-08-06T15:00:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/ds-mobile-menu\/"},"modified":"2026-08-06T14:59:46","modified_gmt":"2026-08-06T14:59:46","slug":"devstack-mobile-menu","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/devstack-mobile-menu\/","author":23538105,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.1.0","stable_tag":"1.1.0","tested":"7.0.3","requires":"6.5","requires_php":"8.0","requires_plugins":null,"header_name":"DS Mobile Menu \u2013 Customizable Bottom Navigation Bar","header_author":"DevStack IT Solutions","header_description":"Premium bottom mobile navigation menu for WordPress. Transform any website into an app-like experience with 6 stunning layout presets, unlimited menu items, WooCommerce integration, and full customization. No coding required.","assets_banners_color":"8490b0","last_updated":"2026-08-06 14:59:46","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/devstackitsolutions.com\/plugins\/devstack-mobile-menu\/","header_author_uri":"https:\/\/devstackitsolutions.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":60,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.1.0":{"tag":"1.1.0","author":"devstackit","date":"2026-08-06 14:59:46"}},"upgrade_notice":{"1.1.0":"<p>This update includes important security enhancements and visual fixes for iOS devices and virtual keyboards. Updating is highly recommended.<\/p>","1.0.0":"<p>Initial release. No upgrade steps required.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3636773,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3636773,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3636773,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3636773,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3636773,"resolution":"1","location":"assets","locale":"","width":1320,"height":716},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3636773,"resolution":"2","location":"assets","locale":"","width":1292,"height":491},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3636773,"resolution":"3","location":"assets","locale":"","width":1310,"height":663},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3636773,"resolution":"4","location":"assets","locale":"","width":1112,"height":1415},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3636773,"resolution":"5","location":"assets","locale":"","width":1113,"height":1413}},"screenshots":{"1":"Bottom navigation bar \u2014 Modern layout on mobile","2":"Six premium layout presets","3":"Menu Builder \u2014 drag-and-drop interface","4":"Appearance\/Customizer panel","5":"Layout Picker with visual previews","6":"Visibility settings","7":"Dashboard overview"}},"plugin_section":[],"plugin_tags":[274644,252825,6274,75587,286],"plugin_category":[],"plugin_contributors":[274645,252442],"plugin_business_model":[],"class_list":["post-345501","plugin","type-plugin","status-publish","hentry","plugin_tags-app-like","plugin_tags-bottom-navigation","plugin_tags-mobile-menu","plugin_tags-mobile-navigation","plugin_tags-woocommerce","plugin_contributors-devstackit","plugin_contributors-webexpertrabbi","plugin_committers-devstackit"],"banners":{"banner":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/banner-772x250.png?rev=3636773","banner_2x":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/banner-1544x500.png?rev=3636773","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/icon-128x128.png?rev=3636773","icon_2x":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/icon-256x256.png?rev=3636773","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/screenshot-1.png?rev=3636773","caption":"Bottom navigation bar \u2014 Modern layout on mobile"},{"src":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/screenshot-2.png?rev=3636773","caption":"Six premium layout presets"},{"src":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/screenshot-3.png?rev=3636773","caption":"Menu Builder \u2014 drag-and-drop interface"},{"src":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/screenshot-4.png?rev=3636773","caption":"Appearance\/Customizer panel"},{"src":"https:\/\/ps.w.org\/devstack-mobile-menu\/assets\/screenshot-5.png?rev=3636773","caption":"Layout Picker with visual previews"}],"raw_content":"<!--section=description-->\n<p><strong>DS Mobile Menu<\/strong> 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.<\/p>\n\n<h3>Why DS Mobile Menu?<\/h3>\n\n<p>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.<\/p>\n\n<h3>6 Premium Layout Presets<\/h3>\n\n<ul>\n<li><strong>Minimal<\/strong> \u2014 Clean, flat bar. Pure simplicity, zero distraction.<\/li>\n<li><strong>Modern<\/strong> \u2014 Card-elevated bar with a smooth active indicator line.<\/li>\n<li><strong>Glassmorphism<\/strong> \u2014 Frosted glass with backdrop blur and transparency.<\/li>\n<li><strong>Floating<\/strong> \u2014 Pill-shaped bar that hovers above the viewport edge.<\/li>\n<li><strong>Center FAB<\/strong> \u2014 Standard bar with an oversized center action button.<\/li>\n<li><strong>Premium App<\/strong> \u2014 Native-app feel with animated active state and notch support.<\/li>\n<\/ul>\n\n<h3>Unlimited Menu Builder<\/h3>\n\n<p>Build any navigation you need:\n* Unlimited menu items with drag-and-drop sorting\n* Custom icons (Dashicons, Font Awesome optional, or inline SVG)\n* Custom URLs, Page links, Post links, Category links, External links\n* Phone &amp; Email links\n* Custom badges, tooltips, and labels\n* Hide labels, control icon size, font size, padding, border radius\n* Per-item animations (bounce, pulse, shake, scale)<\/p>\n\n<h3>Deep WooCommerce Integration<\/h3>\n\n<p>Automatically detects WooCommerce and supports:\n* Home, Shop, Categories, Wishlist, Cart, Checkout, My Account\n* Live cart badge counter via WC fragments (no page reload)\n* Badge auto-hides when cart is empty<\/p>\n\n<h3>Full Visibility Controls<\/h3>\n\n<p>Show or hide the menu based on:\n* Device (desktop, tablet, mobile \u2014 CSS breakpoints, no UA sniffing)\n* Login state (logged in \/ logged out)\n* User roles\n* Specific pages\n* 404, Search, Archive pages\n* WooCommerce pages<\/p>\n\n<h3>Professional Customizer<\/h3>\n\n<ul>\n<li>Unlimited colors with live preview<\/li>\n<li>Typography (font family, size, weight)<\/li>\n<li>Glass effect with blur control<\/li>\n<li>Gradients, borders, shadows<\/li>\n<li>Safe area support (iPhone notch \/ home indicator)<\/li>\n<li>Dark mode (respects <code>prefers-color-scheme<\/code>)<\/li>\n<li>Transition duration and easing<\/li>\n<\/ul>\n\n<h3>Performance First<\/h3>\n\n<ul>\n<li>No jQuery dependency on front-end \u2014 pure vanilla JS<\/li>\n<li>Deferred script loading<\/li>\n<li>Conditional asset loading \u2014 CSS\/JS only on pages where the menu renders<\/li>\n<li>Generated CSS written to a static file \u2014 served as a static asset, not generated on each request<\/li>\n<li>No render-blocking resources<\/li>\n<li>Core Web Vitals friendly<\/li>\n<\/ul>\n\n<h3>Accessibility (WCAG AA)<\/h3>\n\n<ul>\n<li>Full keyboard navigation<\/li>\n<li>ARIA labels and <code>aria-current=\"page\"<\/code> on active items<\/li>\n<li>Screen reader friendly with sr-only labels<\/li>\n<li>Visible focus states<\/li>\n<li>Contrast compliant<\/li>\n<\/ul>\n\n<h3>Security<\/h3>\n\n<ul>\n<li>Nonce verification on all AJAX requests<\/li>\n<li>Capability checks (<code>manage_options<\/code>) on all admin actions<\/li>\n<li>Full input sanitization and output escaping<\/li>\n<li>No direct database writes from raw user input<\/li>\n<li>Proper Settings API usage<\/li>\n<\/ul>\n\n<h3>Import \/ Export<\/h3>\n\n<p>Backup and transfer all settings between sites with one click. Useful for staging-to-production deployments.<\/p>\n\n<h3>RTL Support<\/h3>\n\n<p>Full right-to-left layout support for Arabic, Hebrew, and other RTL languages.<\/p>\n\n<h3>Translation Ready<\/h3>\n\n<p>100% internationalized. All strings use proper text domains and escaping translation functions. Includes a .pot template.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>devstack-mobile-menu<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> screen in WordPress.<\/li>\n<li>Go to <strong>DS Mobile Menu &gt; Menu Builder<\/strong> to add your navigation items.<\/li>\n<li>Go to <strong>DS Mobile Menu &gt; Layouts<\/strong> to choose your preferred style.<\/li>\n<li>Go to <strong>DS Mobile Menu &gt; Appearance<\/strong> to customize colors and typography.<\/li>\n<li>Visit your site on mobile to see the navigation bar in action.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20it%20work%20with%20any%20wordpress%20theme%3F\"><h3>Does it work with any WordPress theme?<\/h3><\/dt>\n<dd><p>Yes. DS Mobile Menu works with any WordPress theme \u2014 classic themes, block themes, Elementor, Bricks, Breakdance, Divi, Avada, and more.<\/p><\/dd>\n<dt id=\"does%20it%20require%20woocommerce%3F\"><h3>Does it require WooCommerce?<\/h3><\/dt>\n<dd><p>No. DS Mobile Menu works on any WordPress site. WooCommerce integration (cart badge, shop links) is automatically enabled when WooCommerce is detected.<\/p><\/dd>\n<dt id=\"will%20it%20slow%20down%20my%20site%3F\"><h3>Will it slow down my site?<\/h3><\/dt>\n<dd><p>No. DS Mobile Menu is built performance-first. It uses no jQuery on the front-end, loads deferred scripts, and only enqueues assets on pages where the menu renders. Generated CSS is served as a static file.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20svg%20icons%3F\"><h3>Can I use my own SVG icons?<\/h3><\/dt>\n<dd><p>Yes. In the Menu Builder, select \"Custom SVG\" as the icon type and paste your SVG markup. It is sanitized with <code>wp_kses<\/code> for security.<\/p><\/dd>\n<dt id=\"how%20do%20i%20hide%20the%20menu%20on%20the%20desktop%3F\"><h3>How do I hide the menu on the desktop?<\/h3><\/dt>\n<dd><p>Go to <strong>DS Mobile Menu &gt; Visibility<\/strong>. The \"Hide on Desktop\" option is enabled by default at a 1024px breakpoint. You can adjust the breakpoint value.<\/p><\/dd>\n<dt id=\"can%20i%20export%20my%20settings%20and%20import%20them%20on%20another%20site%3F\"><h3>Can I export my settings and import them on another site?<\/h3><\/dt>\n<dd><p>Yes. Go to <strong>DS Mobile Menu &gt; Import &amp; Export<\/strong> to download a JSON backup of all settings and import it on any other installation.<\/p><\/dd>\n<dt id=\"is%20font%20awesome%20included%3F\"><h3>Is Font Awesome included?<\/h3><\/dt>\n<dd><p>Font Awesome is optional and self-hosted. Enable it in <strong>DS Mobile Menu &gt; Dashboard &gt; General Settings<\/strong> if you want FA icons. By default the plugin uses Dashicons (bundled in WordPress core) and inline SVG.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.1.0<\/h4>\n\n<ul>\n<li>Enhance: Automatically hide the navigation bar when the virtual keyboard is open on mobile devices to prevent overlapping input fields.<\/li>\n<li>Fix: Resolved an issue where the center-fab layout button misaligned on iOS devices due to safe-area-inset scaling.<\/li>\n<li>Fix: Set maximum z-index to prevent the navigation bar from being overlapped by checkout fields in some themes.<\/li>\n<li>Security: Implemented strict sanitization and validation across all AJAX handlers and options processing.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>Six premium layout presets: Minimal, Modern, Glassmorphism, Floating, Center FAB, Premium App.<\/li>\n<li>Unlimited menu builder with drag-and-drop sorting.<\/li>\n<li>WooCommerce integration with live cart badge.<\/li>\n<li>Full visibility controls.<\/li>\n<li>Appearance customizer with dark mode support.<\/li>\n<li>Import\/Export settings.<\/li>\n<li>RTL support.<\/li>\n<li>WCAG AA accessibility.<\/li>\n<\/ul>","raw_excerpt":"Premium bottom mobile navigation bar for any WordPress site. Transform your website into an app-like mobile experience \u2014 zero coding required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/345501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=345501"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/devstackit"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=345501"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=345501"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=345501"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=345501"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=345501"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=345501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}