A responsive WordPress site should adapt its layout to the available space. A plugin can add a specific feature, such as a mobile navigation menu, but it cannot reliably make every theme, page, and third-party widget responsive. Start with the theme and the pages that need attention; add a plugin only when it solves a clearly defined gap.
If you are deciding whether a mobile-friendly layout is important for your site, read our guide to why responsive design matters. The practical next step is to check what your current theme already supports.
Start with your theme, not a mobile switcher
The active theme controls much of a WordPress site's layout, including its header, navigation, columns, and content width. Look for a theme that supports flexible layouts and test its actual pages at narrow and wide viewport sizes. The WordPress theme directory's responsive-layout collection is a place to find themes to evaluate; a directory label or demo screenshot is not a substitute for testing your own content.
WordPress also generates responsive image markup for supported image sizes, including srcset and sizes, so browsers can choose an appropriate image file. That helps with image delivery, but it does not fix a fixed-width sidebar or an overflowing page. See the WordPress responsive images documentation.
If you maintain a custom theme, use flexible layout rules and content-driven breakpoints rather than relying on a separate theme for phones. The WordPress theme settings and styles documentation and our guide to responsive CSS frameworks are useful starting points.
Check your site before installing another plugin
Review the pages visitors actually use: the homepage, an article, a landing page, forms, and any checkout or booking flow. Resize the viewport and check that:
- Text, images, navigation, and buttons fit without clipping or unexplained horizontal scrolling.
- Columns and sidebars rearrange in a sensible reading order.
- Images remain within their containers and are not stretched or cropped unexpectedly.
- Menus, forms, and dialogs work with a keyboard as well as a touch screen.
- Text remains usable when zoomed, and focus indicators are visible.
Chrome DevTools Device Mode can help you inspect layouts at different viewport sizes. Emulation is a useful first check, not proof that a site works on every real device or with assistive technology.
When a layout fails, first check the theme's settings, page-builder columns, fixed widths, and custom CSS. Replacing a theme or correcting its layout is usually more dependable than layering a mobile switcher over a desktop design.
When a plugin can help
You need a different mobile navigation menu
If your theme's navigation does not work for your audience, a menu plugin may add a mobile menu without changing the rest of the site's layout. Two directory-listed options to compare are Responsive Menu and WP Responsive Menu. Their features, free-versus-paid limits, and compatibility can change, so check each current plugin page and changelog before installing.
WordPress.org directory metadata checked on 20 October 2026 listed Responsive Menu as updated on 12 October and tested through WordPress 7.1.3; WP Responsive Menu was updated on 31 August and also listed as tested through 7.1.3. These are point-in-time compatibility details, not a guarantee for your site. Recheck the current directory listing and test with your theme before relying on either plugin.
Use one menu solution at a time. A replacement menu can hide or duplicate the theme's navigation, so test the button, open and close behavior, keyboard focus, submenu controls, and screen-reader labels on a staging copy of your site. Confirm that the plugin works with your active theme and does not leave important links inaccessible.
You intentionally want a separate mobile presentation
WPtouch is an example of a plugin that provides a separate mobile-theme experience. That is different from making your existing theme responsive: it creates another presentation to configure and maintain. Its WordPress.org listing, checked on 20 October 2026, showed a last update of 4 December 2025 and compatibility tested through WordPress 6.9.10. Check the current listing and PHP compatibility before testing it with your theme; do not assume the older compatibility field covers later WordPress versions.
Separate mobile themes and device-switching plugins are not a general fix for an unresponsive layout. They can add another set of templates, navigation, and behavior to review whenever your content or theme changes.
A quick way to choose
- The whole site is too wide or breaks on phones: fix or replace the theme; a menu plugin will not repair the page layout.
- Only the navigation needs a different mobile interaction: compare a maintained menu plugin with the menu controls already included in your theme.
- Images are too large or do not fit: check the image block, theme styles, and WordPress responsive image markup before adding an image plugin.
- You need a separate mobile design: choose that architecture deliberately and plan to test and maintain both presentations.
Avoid installing several plugins that solve the same narrow problem. Check a plugin's release history, supported WordPress and PHP versions, privacy implications, and documented limitations before relying on it.
Original images from the 2015 plugin list
The following images are retained from the original article for historical context. They are not current recommendations, and their appearance does not verify that a plugin is still maintained or compatible.