Ravi Gadhiya

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.
<h3>Get Involved</h3>
The plugin is developed openly on GitHub—follow the project, contribute, or give it a ⭐ to show your support! 
* <a href="https://github.com/ravigadhiya007/blocks-visibility-scope/" rel="nofollow ugc">View on GitHub</a>

Block Visibility Scope

Provide responsive visibility control to all WordPress blocks. Easily hide or show blocks on specific screen sizes (Extra Small to XXL).

esther sola

Nahuai Badiola

OsomPress

Osom Block Visibility lets you easily control block visibility from WordPress Block Editor.
The plugin adds a new panel to the block editor with the controls to manage every block visibility by device or user logged status.
The advantage of Osom Block Visibility compared to other similar plugins is that it doesn’t use CSS to hide the block, but prevents it from rendering and adding unnecessary load in the first place. 
This can be hugely beneficial in terms of web performance, specially if you are hidding images or other heavy content.
<h4>Features</h4>
The new Visibility Settings in the block editor will let you: 
1. Hide the block on desktop. 
2. Hide the block on mobile and tablet. 
3. Hide the block to loggedin users. 
4. Hide the block to loggedout users.
You can use it for: 
* Hide any block on mobile and tablets to improve performance. 
* Display/hide some menu items dependending if the user it’s loggedin or not (on block themes). 
* Increase loading speed for pages with different block designs for each screen size.
<h4>Tutorial</h4>
<ul>
<li><a href="https://osompress.com/control-wordpress-blocks-visibility-device-logged-status/" rel="nofollow ugc">Control WordPress blocks visibility by device & logged status</a></li>
</ul>
<h4>Dev Info</h4>
The plugin uses wp_is_mobile function to check if the device it’s a mobile (or tablet) or not. This has the limitation that it can’t discern between mobile and tablet, but it has the advantage that let’s you load only the necessary block for the device. This can reduce the number of blocks loaded per page even by half in some cases.

Osom Block Visibility

Great!

Osom Block Visibility lets you easily control block visibility from WordPress Block Editor.

Block Visibility Scope vs Osom Block Visibility