Block Visibility Scope

Block Visibility Scope

Details
View on WordPress

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

Details

Plugin code:
block-visibility-scope
Plugin version:
1.0.1
Outdated:
No
WP version:
6.3 or higher
PHP version:
7.4 or higher
Test up to WP version:
6.8.2
Total installations:
0
Last updated:
2025-09-29
Rating:
Times rated:
0
block-editor
gutenberg
hide-block
responsive
visibility