Easily hide or show Gutenberg blocks on mobile, tablet, and desktop devices using customizable breakpoints for responsive design.

Reza Elahi

Ali Aghdam

Blockera AI

Blockera Site Builder – Responsive Blocks, Block States, and everything Gutenberg is missing

Blockera Site Builder is transforming the block editor into a powerful page builder by adding responsive blocks, block states, and more.

Freemius

Reel Software

WordPress Gutenberg Blocks, Bootstrap Blocks, WPForms Styler – Blockington

Get the most out of the Gutenberg Block Editor and build websites faster, easier, and intuitively with custom blocks.

denisdoroshchuk

<p><strong>Visibility Controls for Editor Blocks</strong> is a powerful and user-friendly WordPress plugin that allows you to easily control the visibility of Gutenberg blocks across different devices, such as mobile phones, tablets, and desktop computers. With this plugin, you can manage how and when blocks are displayed based on customizable breakpoints, ensuring that your content is perfectly optimized for any screen size.</p>
<p>Whether you want to hide certain blocks on smaller screens, display specific content only to desktop users, or fine-tune your layout for tablets, this plugin gives you full control over your Gutenberg blocks’ visibility. The intuitive settings allow you to configure custom breakpoints for mobile and tablet devices, making it easy to adapt your content for a responsive and user-friendly design.</p>
<p>Now, you can also hide blocks specifically for logged-in users or non-logged-in (guest) users, making it easy to customize the user experience for different types of visitors.</p>
<h3>Key Features:</h3>
<ul>
<li><strong>New:</strong> Hide blocks based on user login status — show or hide content specifically for logged-in or guest users.</li>
<li><strong>Device-Specific Block Visibility</strong>: Hide or show blocks specifically on mobile, tablet, or desktop devices.</li>
<li><strong>Custom Breakpoints</strong>: Set your own breakpoints to define what counts as mobile, tablet, or desktop.</li>
<li><strong>Simple and Intuitive Interface</strong>: Easily manage visibility settings directly in the block editor without needing to touch any code.</li>
<li><strong>Seamless Gutenberg Integration</strong>: Fully integrated into the Gutenberg editor, making it easy to control visibility settings for any block.</li>
<li><strong>Responsive Content</strong>: Ensure that your content looks great and functions smoothly across all device types.</li>
</ul>
<h3>Ideal For:</h3>
<ul>
<li>Bloggers and content creators who want to deliver tailored experiences for different devices.</li>
<li>Website owners looking to optimize page layouts based on screen sizes.</li>
<li>Developers and designers who need an easy-to-use solution for responsive design without custom code.</li>
</ul>
<p>With <strong>Visibility Controls for Editor Blocks</strong>, you can ensure that your WordPress website delivers the best user experience, regardless of the device your visitors are using.</p>
<h3>Video tips for using the Visibility Controls for Editor Blocks plugin:</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLUo5dzT4ZLuPG_2Pproj_kK_-WtHNJwzY" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later. You can find more information at <a href="https://www.gnu.org/licenses/gpl-3.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-3.0.html</a>.</p>


Alternatives to Visibility Controls for Editor Blocks

Top alternatives