WordPress.org

Plugin Directory

Responsive Visibility for Blocks Editor (Hide/Show Blocks for Devices)

Responsive Visibility for Blocks Editor (Hide/Show Blocks for Devices)

Description

Responsive Visibility for Gutenberg Blocks is a powerful tool designed to enhance your WordPress site’s flexibility by allowing you to control the visibility of Gutenberg blocks based on the device your visitors are using. With this plugin, you can hide or show blocks on mobile, tablet, and desktop, ensuring your content is perfectly optimized for each device type.

This responsive visibility plugin gives you complete control over how your content appears across different devices, ensuring a seamless and tailored user experience.

For a detailed walkthrough, watch this tutorial:

In today’s mobile-first world, ensuring your website’s content is optimized for desktop, tablet, and mobile devices is essential. With Responsive Visibility for Gutenberg Blocks, you can easily decide which blocks appear or disappear based on the device screen size. For example, you may want to showcase a lead generation form at the top of the sidebar for desktop users, but place it further down the page on mobile devices.

With this plugin, you can fine-tune your Gutenberg blocks visibility to ensure your site looks amazing and functions flawlessly across all devices. Improve user engagement and experience by showing only the relevant content for each device type, making your site more intuitive and mobile-friendly.

Key Features:

  • Control block visibility for different devices (Desktop, Tablet, Mobile)
  • Enhance responsive design by selectively hiding or showing blocks
  • Mobile visibility customization for Gutenberg blocks
  • Improve page load time by hiding unnecessary elements on mobile or tablet
  • Seamless integration with Gutenberg editor and native WordPress blocks

External Services

This plugin connects to one external services under the conditions described below. No data is ever sent without a clear user action or explicit opt-in.

1. Usage Analytics / Data Insights (dashboard.wowdevs.com)

What it does: Sends non-sensitive plugin usage data to help improve the plugin. This is part of the optional Data Insights program powered by the DCI SDK.

When it connects: Only if you explicitly opt in when prompted. No data is ever sent without your consent. You can opt out at any time from the Sky Addons dashboard.

Data sent: Plugin version, WordPress version, active theme, site language, and similar non-personal environment data. No passwords, user content, or personally identifiable information is transmitted.

Service: wowDevs Data Insights, operated by wowDevs.
Service URL: https://dashboard.wowdevs.com/
Privacy Policy: https://wowdevs.com/privacy-policy/
Terms of Service: https://wowdevs.com/terms-and-conditions/

Installation

Getting started with Responsive Visibility for Gutenberg Blocks is easy! Follow these steps to activate the plugin and start controlling your blocks’ visibility based on devices:

  1. Upload the plugin files to the /wp-content/plugins/responsive-visibility directory, or install it directly from the WordPress Plugin screen.
  2. Activate the plugin through the ‘Plugins’ screen in your WordPress admin panel.
  3. Once activated, simply edit any Gutenberg block and use the visibility controls to customize which blocks show on desktop, tablet, or mobile.

FAQ

Does this plugin support all Gutenberg blocks?

Yes! Responsive Visibility for Gutenberg Blocks works seamlessly with all standard Gutenberg blocks and any additional blocks you add via other plugins or custom development. There are no compatibility issues.

Can I control visibility for specific devices?

Absolutely! You can use this plugin to selectively hide/show blocks on mobile, tablet, or desktop devices, giving you full control over your site’s responsive design.

How can I become a Contributor?

If you want to contribute, go to our Responsive Visibility GitHub Repository and see where you can help.

Reviews

April 20, 2026
It does what is suppose to do. Very simple plugin, no complication. However, I would love to have option where I am able to define my own breakpoints.
March 8, 2025 1 reply
Installed with no faults and does the job! Simple to use.
Read all 2 reviews

Contributors & Developers

“Responsive Visibility for Blocks Editor (Hide/Show Blocks for Devices)” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.1.0 [21st April 2026]

  • Added: Custom breakpoints — configure any number of device breakpoints (mobile, tablet, desktop, widescreen, etc.) from Settings Responsive Visibility (Thanks to prionkor)
  • Added: Dynamic CSS generation from saved breakpoints — no more hardcoded pixel values
  • Added: “Customize breakpoints” link inside the block Inspector panel
  • Improved: Fully backward compatible — existing blocks with legacy hide attributes continue to work unchanged
  • Requires: WordPress 6.2+ (uses WP_HTML_Tag_Processor)

1.0.6 [10th December 2025]

  • System improved

1.0.5 [26th July 2025]

  • System improved

1.0.4 [21th June 2025]

  • System improved

1.0.3 [9th March 2025]

  • System improved

1.0.2 [11th Sep 2024]

  • System improved

1.0.1 [11th Sep 2024]

  • System improved

1.0.0

  • Initial Release