Vlad Zelinskyi

Flavor Block Visibility adds three simple toggle switches to the Advanced panel of every Gutenberg block:
<ul>
<li>Hide on Desktop — hides the block on large screens</li>
<li>Hide on Tablet — hides the block on medium screens</li>
<li>Hide on Mobile — hides the block on small screens</li>
</ul>
<h4>Features</h4>
<ul>
<li>Works with every core and third-party Gutenberg block</li>
<li>Controls appear in the native Advanced panel — no extra sidebars</li>
<li>Customizable breakpoints via Settings → Block Visibility</li>
<li>Lightweight — CSS is only loaded on pages that actually use visibility toggles</li>
<li>Visual indicators in the editor show which blocks have visibility rules</li>
<li>No JavaScript on the frontend — pure CSS media queries</li>
<li>No build step required</li>
<li>Clean uninstall — removes all plugin data</li>
</ul>
<h4>Default Breakpoints</h4>
<ul>
<li>Mobile: 0 – 767px</li>
<li>Tablet: 768px – 1024px</li>
<li>Desktop: 1025px and above</li>
</ul>
Breakpoints can be customized in Settings → Block Visibility.

Flavor Block Visibility

Adds responsive visibility toggles to every Gutenberg block. Hide blocks on Desktop, Tablet, or Mobile right from the Advanced panel.

Flavor Block Visibility vs Block Visibility — Conditional Visibility Control for the Block Editor