Skip to content

The responsive visibility bundle will give you the ability to control a page's content based on the device your visitors are using to view the page.

Notifications You must be signed in to change notification settings

bdkoder/responsive-visibility

Repository files navigation

=== Responsive Visibility for Blocks Editor (Hide/Show Blocks for Devices) ===
Version: 1.0.6
Author: wowdevs
Author URI: https://github.com/bdkoder/
Contributors: wowdevs, bdkoder, hashibali
Tags: responsive visibility, hide/show blocks, Gutenberg addons, device-based content, block visibility
Requires at least: 6.0.0
Tested up to: 6.9
Stable tag: 1.0.6
Requires PHP: 7.4
License: GPLv3
License URI: https://www.gnu.org/licenses/gpl-3.0.html

🌟 **Enhance Your WordPress Site with Responsive Visibility for Gutenberg Blocks**

== Description ==

**Responsive Visibility for Gutenberg Blocks** is a powerful tool designed to enhance your WordPress site’s flexibility by allowing you to control the visibility of Gutenberg blocks based on the device your visitors are using. With this plugin, you can **hide or show blocks** on **mobile, tablet, and desktop**, ensuring your content is perfectly optimized for each device type.

This **responsive visibility plugin** gives you complete control over how your content appears across different devices, ensuring a seamless and tailored user experience.

For a detailed walkthrough, watch this tutorial:

https://youtu.be/g7My09gTghI


In today’s mobile-first world, ensuring your website’s content is optimized for **desktop**, **tablet**, and **mobile** devices is essential. With **Responsive Visibility for Gutenberg Blocks**, you can easily decide which blocks appear or disappear based on the device screen size. For example, you may want to showcase a **lead generation form** at the top of the sidebar for **desktop users**, but place it further down the page on **mobile devices**.

With this plugin, you can fine-tune your **Gutenberg blocks visibility** to ensure your site looks amazing and functions flawlessly across **all devices**. Improve user engagement and experience by showing only the relevant content for each device type, making your site more intuitive and mobile-friendly.

### Key Features:
- **Control block visibility** for different devices (Desktop, Tablet, Mobile)
- Enhance **responsive design** by selectively hiding or showing blocks
- **Mobile visibility** customization for Gutenberg blocks
- Improve page load time by hiding unnecessary elements on mobile or tablet
- Seamless integration with **Gutenberg editor** and native WordPress blocks

== Installation ==

Getting started with **Responsive Visibility for Gutenberg Blocks** is easy! Follow these steps to activate the plugin and start controlling your blocks' visibility based on devices:

1. Upload the plugin files to the `/wp-content/plugins/responsive-visibility` directory, or install it directly from the WordPress Plugin screen.
2. Activate the plugin through the 'Plugins' screen in your WordPress admin panel.
3. Once activated, simply edit any Gutenberg block and use the visibility controls to customize which blocks show on **desktop**, **tablet**, or **mobile**.

== Frequently Asked Questions ==

= Does this plugin support all Gutenberg blocks? =

Yes! **Responsive Visibility for Gutenberg Blocks** works seamlessly with all standard Gutenberg blocks and any additional blocks you add via other plugins or custom development. There are no compatibility issues.

= Can I control visibility for specific devices? =

Absolutely! You can use this plugin to selectively **hide/show blocks** on mobile, tablet, or desktop devices, giving you full control over your site's responsive design.

= How can I become a Contributor? =

If you want to contribute, go to our [Responsive Visibility GitHub Repository](https://github.com/bdkoder/responsive-visibility/) and see where you can help.

== Screenshots ==

1. **Visibility Settings**: Screenshot showing visibility controls for blocks.
2. **Mobile & Desktop Visibility**: Example of a block appearing on desktop but hidden on mobile.
3. **Gutenberg Editor**: Plugin settings integrated directly into the Gutenberg block editor.

== Changelog ==

= 1.0.6 [10th December 2025] =
* System improved

= 1.0.5 [26th July 2025] =
* System improved

= 1.0.4 [21th June 2025] =
* System improved

= 1.0.3 [9th March 2025] =
* System improved

= 1.0.2 [11th Sep 2024] =
* System improved

= 1.0.1 [11th Sep 2024] =
* System improved

= 1.0.0 =
* Initial Release

About

The responsive visibility bundle will give you the ability to control a page's content based on the device your visitors are using to view the page.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published