Block Visibility Scope
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
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
Screenshots & previews.
Installation from within WordPress
- 01Visit Plugins > Add New .
- 02Search for Block Visibility Scope .
- 03Install and activate the Block Visibility Scope plugin.
Manual installation
- 04Upload the entire block-visibility-scope folder to the /wp-content/plugins/ directory.
