Block Visibility Scope
Provide responsive visibility control to all WordPress blocks. Easily hide or show blocks on specific screen sizes (Extra Small to XXL).
Plugin info
Maintenance & Compatibility
Maintenance score
Maintained • Last updated 140 days ago
Is Block Visibility Scope abandoned?
Likely maintained (last update 140 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
Block Visibility Scope gives you full responsive control over any WordPress block.
You can decide where each block should be visible: small phones, tablets, laptops, desktops, or wide screens.
How to use this plugin:
1. Edit any page/post with the Gutenberg block editor.
2. Select a block, then in the right-hand Block Inspector, locate the Visibility Control panel.
3. Toggle the switches to choose where the block should be hidden or visible across different screen sizes.
Features:
* Hide or show blocks based on screen size:
– Extra Small (<576px – small phones)
– Small (576–767px – large phones)
– Medium (768–991px – tablets)
– Large (992–1199px – laptops)
– Extra Large (1200–1399px – desktops)
– XXL (≥1400px – wide screens)
* Works with all WordPress blocks.
* Live preview: blocks with visibility rules are highlighted in the editor for easy identification.
* Lightweight – minimal code, no heavy dependencies.
* 100% compatible with the WordPress block editor (Gutenberg).
This is the simplest way to add responsive block visibility in WordPress without writing a single line of code.
Get Involved
The plugin is developed openly on GitHub—follow the project, contribute, or give it a ⭐ to show your support!
* View on GitHub
Installation
Installation from within WordPress
- Visit Plugins > Add New.
- Search for Block Visibility Scope.
- Install and activate the Block Visibility Scope plugin.
Manual installation
- Upload the entire
block-visibility-scopefolder to the/wp-content/plugins/directory. - Visit Plugins.
- Activate the Block Visibility Scope plugin.
After activation
- Edit any page/post with the block editor (Gutenberg).
- Select a block open the right-hand Block Inspector find the Visibility Control panel.
- Use the toggle switches to hide/show the block on different screen sizes.
Frequently Asked Questions
Once the plugin is activated, open the block editor (Gutenberg). Select any block, and in the right-hand sidebar under “Block Settings,” you will find a new panel named “Visibility Control.” This panel includes toggle switches to hide the selected block on specific screen sizes.
Yes. The plugin adds visibility options to every block available in the WordPress block editor.
No. It does not add new blocks. Instead, it extends all existing blocks with visibility controls.
No. The plugin is lightweight and only adds minimal CSS classes to blocks.
This plugin is designed for the WordPress block editor (Gutenberg). It will not work with other page builders.
Review feed
Changelog
1.0.1
- Applied review feedback from Plugin Review Team.
1.0.0
- Initial release.
- Add responsive visibility toggles (XS, SM, MD, LG, XL, XXL).
- Highlights the editor hidden blocks.
- Apply frontend classes for visibility control.

