Vlad Zelinskyi

<p>Flavor Block Visibility adds three simple toggle switches to the <strong>Advanced</strong> panel of every Gutenberg block:</p>
<ul>
<li><strong>Hide on Desktop</strong> — hides the block on large screens</li>
<li><strong>Hide on Tablet</strong> — hides the block on medium screens</li>
<li><strong>Hide on Mobile</strong> — 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 <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Block Visibility</strong></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>
<p>Breakpoints can be customized in <strong>Settings <span aria-hidden="true" class="wp-exclude-emoji">→</span> Block Visibility</strong>.</p>


Flavor Block Visibility

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

George Tudor

SeventhQueen

codezz

StaxWP

Robert

Kieran

<p><strong>Visibility Logic</strong> adds powerful <strong>conditional display conditions</strong> to every Elementor widget, section, and container. Control exactly who sees what, when, and on which device — without writing a single line of code.</p>
<p>Hidden elements are <strong>completely removed from the HTML</strong> (not just hidden with CSS), keeping your pages fast and your content secure.</p>
<h4>When to use Visibility Logic</h4>
<ul>
<li><strong>Restrict content</strong> to logged-in users, specific roles, or subscribers</li>
<li><strong>Schedule content</strong> to appear during a sale, event, or launch window</li>
<li><strong>Personalize pages</strong> based on user meta, ACF custom fields, or device type</li>
<li><strong>Show/hide elements</strong> for Desktop, Tablet, or Mobile visitors</li>
<li><strong>A/B test layouts</strong> by showing different content to different user segments</li>
<li><strong>Hide empty sections</strong> automatically when all child widgets are hidden</li>
</ul>
<h4>Free Conditions</h4>
<ul>
<li><strong>ACF Fields</strong> (NEW) — Show/hide based on Advanced Custom Fields values on the current post or page. 7 operators: is empty, is not empty, equals, not equals, contains, is true, is false.</li>
<li><strong>Device Type</strong> (NEW) — Target Desktop, Tablet, or Mobile users with server-side User-Agent detection. Hidden elements are fully removed from HTML.</li>
<li><strong>User Role</strong> — Logged in, logged out, or specific roles (Administrator, Editor, Subscriber, custom roles).</li>
<li><strong>User Meta</strong> — Show/hide based on any user meta field value.</li>
<li><strong>Date & Time</strong> — Schedule visibility with “from” and “to” dates. Perfect for sales, events, and time-limited content.</li>
<li><strong>Browser Type</strong> — Target Chrome, Firefox, Safari, Edge, Opera, iPhone, Android, and more.</li>
<li><strong>Flexbox Containers</strong> — Full support for Elementor’s Flexbox containers, classic sections, and nested containers.</li>
<li><strong>Hide When Empty</strong> — Automatically hide a parent section/container when all child widgets are hidden by visibility conditions.</li>
</ul>
<h4>PRO Conditions</h4>
<ul>
<li><strong>Advanced ACF</strong> — Repeater fields, options page, term meta, user fields, specific post/user sources, AND/OR logic with 17 operators.</li>
<li><strong>Language</strong> — Show/hide based on current language. Supports WPML, Polylang, and TranslatePress.</li>
<li><strong>URL Parameters</strong> — Standalone query string conditions with repeater support and 9 operators.</li>
<li><strong>Geo Location</strong> — Display elements based on visitor’s country using MaxMind geolocation.</li>
<li><strong>Dynamic Conditions</strong> — Use all Elementor Pro Dynamic Tags as visibility conditions.</li>
<li><strong>WooCommerce</strong> — Restrict content based on order history, active subscriptions, or customer status.</li>
<li><strong>Easy Digital Downloads</strong> — Restrict based on purchase history or subscription status.</li>
<li><strong>Advanced User Meta</strong> — Multiple user meta conditions with AND/OR logic.</li>
<li><strong>Post & Page, Taxonomy</strong> — Show/hide based on current post type, specific pages, or taxonomy terms.</li>
<li><strong>Archive</strong> — Conditions based on post type archives and taxonomy archives.</li>
<li><strong>IP & Referrer</strong> — Target visitors by IP address or referral source.</li>
<li><strong>WordPress Conditional Tags</strong> — Use any WordPress conditional tag as a visibility condition.</li>
<li><strong>Fallback Content</strong> — Replace hidden elements with a custom text message or an Elementor template.</li>
<li><strong>Copy/Paste</strong> — Right-click to copy visibility settings between widgets or sections.</li>
</ul>
<p>Get <a href="https://staxwp.com/go/visibility-logic" rel="nofollow ugc">Visibility Logic Pro</a> and unlock all conditions.</p>
<h4>How it works</h4>
<ol>
<li>Edit any page with Elementor</li>
<li>Select a widget, section, or container</li>
<li>Go to the <strong>Visibility</strong> tab (or Advanced <span aria-hidden="true" class="wp-exclude-emoji">→</span> Visibility Control)</li>
<li>Enable conditions and configure your display rules</li>
<li>Save — elements are shown or hidden on the live site based on your rules</li>
</ol>
<h4>More from StaxWP</h4>
<ul>
<li><a href="https://staxwp.com/go/buddybuilder" rel="nofollow ugc">BuddyBuilder — BuddyPress Builder for Elementor</a> — Build stunning BuddyPress communities with Elementor.</li>
<li><a href="https://staxwp.com/go/addons-for-elementor" rel="nofollow ugc">Elementor Addons & Widgets</a> — Powerful widgets to help you build stunning pages.</li>
<li><a href="https://staxwp.com/go/woo-addons-for-elementor/" rel="nofollow ugc">Woo Addons for Elementor</a> — Elementor enhancements for WooCommerce.</li>
</ul>
<h4>Privacy Policy</h4>
<p>We use Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us troubleshoot problems faster and make product improvements.</p>
<h4>Found a bug?</h4>
<p>Report security bugs through the <a href="https://patchstack.com/database/vdp/visibility-logic-elementor" rel="nofollow ugc">Patchstack Vulnerability Disclosure Program</a>. The Patchstack team helps validate, triage, and handle any security vulnerabilities.</p>
<h3>Credits</h3>
<p>This plugin implements some functionality similar to:<br />
* Dynamic Content for Elementor (GPL v2 or later)</p>


Visibility Logic for Elementor

Conditional visibility for Elementor — show or hide widgets based on user role, ACF fields, device type, date & time, browser and more.

Flavor Block Visibility vs Visibility Logic for Elementor