Title: Triopsi Block Visibility Author: Triopsi Published: February 26, 2026 Last modified: February 26, 2026 --- Search plugins ![](https://ps.w.org/triopsi-block-visibility/assets/banner-772x250.png?rev=3470372) ![](https://ps.w.org/triopsi-block-visibility/assets/icon-256x256.png?rev=3470372) # Triopsi Block Visibility By [Triopsi](https://profiles.wordpress.org/triopsi/) [Download](https://downloads.wordpress.org/plugin/triopsi-block-visibility.2.0.0.zip) * [Details](https://pcm.wordpress.org/plugins/triopsi-block-visibility/#description) * [Reviews](https://pcm.wordpress.org/plugins/triopsi-block-visibility/#reviews) * [Installation](https://pcm.wordpress.org/plugins/triopsi-block-visibility/#installation) * [Development](https://pcm.wordpress.org/plugins/triopsi-block-visibility/#developers) [Support](https://wordpress.org/support/plugin/triopsi-block-visibility/) ## Description 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:** * **Hide on Mobile** – Hide blocks on screens smaller than 768px * **Hide on Desktop** – Hide blocks on screens larger than 768px * **Works with all Blocks** – Compatible with core blocks and third-party blocks * **Visual Indicators** – See which blocks are hidden directly in the editor * **No Configuration** – Install, activate, and start using immediately * **Simple Toggle Controls** – Easy-to-use switches in the block inspector * **CSS-Based** – Lightweight solution using CSS classes 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). ## Installation #### Automatic Installation 1. Log in to your WordPress admin panel 2. Navigate to Plugins > Add New 3. Search for “Triopsi Block Visibility” 4. Click “Install Now” and then “Activate” * **Center on Mobile** – Center blocks on screens smaller than 768px #### Manual Installation 1. Download the plugin files 2. Upload the `triopsi-block-visibility` folder to the `/wp-content/plugins/` directory 3. Activate the plugin through the ‘Plugins’ screen in WordPress #### After Activation 1. Edit any post or page with the block editor (Gutenberg) 2. Select any block 3. Look for the “Responsive” panel in the right sidebar (Block settings) 4. Toggle “Hide on mobile” or “Hide on desktop” as needed ## FAQ ### Does this work with all blocks? Yes! The plugin adds the responsive controls to all Gutenberg blocks, including core blocks (like Paragraph, Image, Heading) and third-party blocks from other plugins. ### What is the breakpoint for mobile vs desktop? The plugin uses 768px as the breakpoint: * Mobile: max-width 768px * Desktop: min- width 769px ### Can I use both options at the same time? Yes, you can enable both “Hide on mobile” and “Hide on desktop” simultaneously. This is useful for draft content that you want to temporarily hide everywhere, or for A/B testing purposes. ### Will this affect my page performance? The plugin is very lightweight and uses only CSS to hide blocks. There is no JavaScript overhead on the frontend, so performance impact is minimal. ### Can I see which blocks are hidden in the editor? Yes! Blocks with visibility settings show visual indicators in the editor: * “Hide on mobile” – black dashed outline with label * “Hide on desktop” – blue dashed outline with label * Both enabled – purple dashed outline with combined label ### Does this plugin create custom blocks? No, this plugin doesn’t create any new blocks. It adds functionality to existing blocks by extending the block inspector with responsive visibility controls. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Triopsi Block Visibility” is open source software. The following people have contributed to this plugin. Contributors * [ Triopsi ](https://profiles.wordpress.org/triopsi/) [Translate “Triopsi Block Visibility” into your language.](https://translate.wordpress.org/projects/wp-plugins/triopsi-block-visibility) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/triopsi-block-visibility/), check out the [SVN repository](https://plugins.svn.wordpress.org/triopsi-block-visibility/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/triopsi-block-visibility/) by [RSS](https://plugins.trac.wordpress.org/log/triopsi-block-visibility/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.1.0 * Initial release * Hide blocks on mobile devices (max-width: 768px) * Hide blocks on desktop devices (min-width: 769px) * Visual indicators in the editor * Works with all Gutenberg blocks * i18n ready for translations #### 1.1.0 * Added option to register a plugin-wide toggle for enabling/disabling the responsive controls. * Accessibility improvements for toggle controls in the block inspector. * Fixed editor outline color regression and label overlap in tight editor layouts. * Reduced CSS specificity to play nicer with theme styles. * Added “Center on Mobile” option to center blocks on screens smaller than 768px. * Improved editor visual indicators and labels for better clarity. * Fixed duplicate CSS class issue when toggling visibility repeatedly. * Improved sanitization and escaping for saved block attributes. * Compatibility fixes for PHP 8.0+ and WordPress 6.8. * Minor performance and CSS optimizations. * Polished inspector UI and accessibility (ARIA labels). * Persist block visibility classes server-side to ensure frontend/backward compatibility. * Ensured compatibility with a wide range of third-party blocks. * Added translations scaffolding and updated textdomain usage. #### 1.1.1 * Update Readme. Ready for WordPress Plugin review #### 1.1.2 * Fix delete unlesed files #### 1.1.3 * Fix via plugin checker #### 2.0.0 * Change name and slug ## Meta * Version **2.0.0** * Last updated **2 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.9 or higher ** * Tested up to **6.9.4** * PHP version ** 8.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/triopsi-block-visibility/) * Tags * [block](https://pcm.wordpress.org/plugins/tags/block/)[gutenberg](https://pcm.wordpress.org/plugins/tags/gutenberg/) [hide](https://pcm.wordpress.org/plugins/tags/hide/)[mobile](https://pcm.wordpress.org/plugins/tags/mobile/) [responsive](https://pcm.wordpress.org/plugins/tags/responsive/) * [Advanced View](https://pcm.wordpress.org/plugins/triopsi-block-visibility/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/triopsi-block-visibility/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/triopsi-block-visibility/reviews/) ## Contributors * [ Triopsi ](https://profiles.wordpress.org/triopsi/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/triopsi-block-visibility/)