Triopsi

Triopsi Block Visibility extends the WordPress block editor (Gutenberg) by adding responsive visibility controls to every block’s settings sidebar. Control which blocks appear on mobile devices, desktop devices, or both.
Key Features:
<ul>
<li>Hide on Mobile – Hide blocks on screens smaller than 768px</li>
<li>Hide on Desktop – Hide blocks on screens larger than 768px</li>
<li>Works with all Blocks – Compatible with core blocks and third-party blocks</li>
<li>Visual Indicators – See which blocks are hidden directly in the editor</li>
<li>No Configuration – Install, activate, and start using immediately</li>
<li>Simple Toggle Controls – Easy-to-use switches in the block inspector</li>
<li>CSS-Based – Lightweight solution using CSS classes</li>
</ul>
Perfect for creating responsive designs where certain content should only appear on specific devices. For example, show a detailed table only on desktop while displaying a simplified version on mobile.
Both options can be used simultaneously if needed (useful for draft content or A/B testing).

Triopsi Block Visibility

Control block visibility on mobile and desktop devices with simple toggle controls in the Gutenberg editor.

Andrei

atanasprchev

Elena

Control what menu items your site’s visitors see, with visibility rules. Here are a few examples:
<ul>
<li>Display a menu item only if <code>User is logged in</code></li>
<li>Hide menus if <code>Device is mobile</code></li>
<li>Display menus only for <code>Admins and Editors</code></li>
<li>Hide Login or Register links for <code>Logged in Users</code></li>
<li>Display menus for <code>Users from US or UK</code></li>
<li>Display menus only for <code>Customers with active membership</code></li>
<li>Display menus for visitors browsing with <code>Language English or Spanish</code></li>
</ul>
After the plugin is enabled, each menu item will have a new option “Change menu item visibility” which will enable the selection of visibility rules.
Check the examples in screenshots or try it here → <a href="https://demos.layered.store" rel="nofollow ugc">demos.layered.store</a>
<h3>Features</h3>
<ul>
<li>Basic set of visibility rules
<ul>
<li>User state <code>User is logged in</code></li>
<li>User roles <code>Admin</code> <code>Editor</code> <code>Author</code> etc</li>
<li>Page type <code>Front page</code> <code>Single page</code> <code>Single post</code></li>
<li>Is Archive page (year, category, search results, etc)</li>
<li>Visitor device <code>Is Mobile</code></li>
</ul>
</li>
<li>Advanced visibility rules – requires <a href="https://layered.store/plugins/more-visibility-rules" rel="nofollow ugc">More Visibility Rules Add-on</a>
<ul>
<li>Visitor location – detect visitor’s Country</li>
<li>Visitor language – detect visitor’s selected Language</li>
<li>WooCommerce Subscriptions – Display menus for users with active subscription</li>
<li>WooCommerce Memberships – Display menus for customers with active membership plans</li>
<li>Groups – Detect if users are in specific groups</li>
<li>WishList Member – Detect the users’ membership level</li>
<li>Restrict Content Pro – Detect the users’ subscription level</li>
</ul>
</li>
<li>Multiple rules – mix multiple rules for a menu item visibility
<ul>
<li>show if <code>User is logged in</code> AND <code>Device is mobile</code></li>
<li>show if <code>User is Admin</code> AND <code>Is front page</code></li>
</ul>
</li>
<li>Support for <a href="https://wordpress.org/plugins/if-menu/#how%20can%20i%20add%20a%20custom%20visibility%20rule%20for%20menu%20items%3F" rel="ugc">adding your custom rules</a></li>
</ul>

If Menu – Visibility control for Menus

Display tailored menu items to each visitor with visibility rules

Triopsi Block Visibility vs If Menu – Visibility control for Menus