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).