Join millions who empower their websites with ElementsKit Elementor Addons. Get templates, & 100+ widgets...
Free
1M+ installs 4.9★ (2,036)
Responsive Navigation Block
Complete control over your navigation menus based on screen size including styles and menu items.
The facts
- Rating
- 5★ from 5
- Active installs
- 1k+
- Price
- Free
- Last updated
- 27 Sep 2025
- Added
- Oct 2024
- Requires WP
- 6.5
- Tested up to
- WP 6.8.8
- Downloads
- 11,056
Our analysis
AI-assistedThe Responsive Navigation Block is a WordPress plugin that enables you to create and style different navigation menus for mobile and desktop views using the WordPress Navigation block. It provides two variations of the Navigation block, which are displayed based on the screen size, allowing for tailored navigation experiences on different devices.
To use the plugin, you need to install and activate it, then replace any existing Navigation block with the new Mobile and Desktop variations. This allows for independent styling and configuration of each menu, which can be viewed in real-time by resizing your browser.
Best for: This plugin is suitable for WordPress users who want to enhance their site's navigation for both mobile and desktop devices.
What it does well
- ✓Allows for separate styling of mobile and desktop navigation
- ✓Automatically registers two new block variations
- ✓Enables different menus for different screen sizes
- ✓Simple to install and use within the WordPress editor
Where it falls short
- •Limited information on additional features or support options
Verdict
The Responsive Navigation Block offers a straightforward solution for managing navigation menus across different screen sizes, making it a practical choice for users focused on responsive design.
From the developer
David Smith's own description of Responsive Navigation Block, lightly tidied.
This Plugin allows you to display and apply alternative styling to different navigation menus based on the screen size using the WordPress Navigation block.
Video Walkthrough
Features
- Two new Navigation Block (variations) for:
- Mobile
- Desktop
Usage
This Plugin creates two block variations from the Navigation block which will be automatically hidden/shown at the configured screensize (breakpoint):
- Navigation (Mobile) – will be displayed only on smaller screen sizes.
- Navigation (Desktop) – will be displayed only on larger screen sizes.
This affords the ability to independently style mobile vs desktop navigation and even allows for completely different menus to be used.
The Plugin should be used as follows:
- Install and Activate the plugin – two new block variations will be automatically registered for “Mobile” and “Desktop”.
- Go to the Editor and remove any existing Navigation block.
- Add the “Desktop Navigation” block – style and configure the menu for “desktop” as required.
- Add the “Mobile Navigation” block – style and configure the menu for “mobile” as required.
- View the front of your website and resize your browser to see the navigations swap out at the appropriate breakpoint/screensize.
Alternatively you can transform the default Navigation block to either
MobileorDesktopvariations via the block’s interface.Support
Please see FAQs. If you still have an issue please:
- check Github for existing Issue reports.
- (if none) then file a new Issue on Github
Privacy Statement
Tagged as
purpose
Menus & Navigation
feature
Fully Responsive
Alternatives
Other plugins for site navigation.
Elementor Carousel, Mega Menu, Posts List/Slider, WooCommerce Widgets, Display Conditions, AI Abilities, Prema...
Free
600k+ installs 4.9★ (1,677)
Elementor templates, Header footer builder, Elementor Post Grid, Woocommerce Grid builder, Slider, Forms, Gall...
Free
600k+ installs 4.8★ (611)
Adds breadcrumb navigation showing the visitor's path to their current location.
Free
800k+ installs 4.6★ (132)
Add icons to WordPress navigation menus easily — pick from Font Awesome, Dashicons, image icons & more. St...
Free
100k+ installs 4.9★ (848)
Create a welcome notification bar for your website. Also, My Sticky Bar plugin can make your menu or header st...
Free
100k+ installs 4.9★ (1,196)