{"id":373084,"date":"2026-09-23T11:41:48","date_gmt":"2026-09-23T11:41:48","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/block-visibility-controls\/"},"modified":"2026-09-24T07:29:23","modified_gmt":"2026-09-24T07:29:23","slug":"pragatip24-responsive-block-options","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/pragatip24-responsive-block-options\/","author":23483974,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.0","stable_tag":"1.0.0","tested":"7.1.2","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Responsive Block Visibility Control","header_author":"pragatip24","header_description":"Adds responsive hide\/show controls and column reverse options in the block editor.","assets_banners_color":"adbafc","last_updated":"2026-09-24 07:29:23","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/pragatip24-responsive-block-options\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":64,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"pragatip24","date":"2026-09-24 07:29:23","revision":3710740}},"upgrade_notice":{"1.0.0":"

Initial release of Responsive Block Visibility Control.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3710907,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3710907,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3710740,"resolution":"772x250","location":"assets","locale":"","width":2172,"height":724}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3710865,"resolution":"1","location":"assets","locale":"","width":1916,"height":871},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3710865,"resolution":"2","location":"assets","locale":"","width":1916,"height":871}},"screenshots":{"1":"Responsive Conditions controls for hiding a selected block on desktop, tablet, or mobile.","2":"Columns Reverse Settings for changing the order of core Columns blocks on tablet and mobile."}},"plugin_section":[],"plugin_tags":[4121,854,148076,606,6309],"plugin_category":[],"plugin_contributors":[282269,259800,259798,259633],"plugin_business_model":[],"class_list":["post-373084","plugin","type-plugin","status-publish","hentry","plugin_tags-blocks","plugin_tags-columns","plugin_tags-gutenberg","plugin_tags-responsive","plugin_tags-visibility","plugin_contributors-pragatip24","plugin_contributors-pratapvashi123","plugin_contributors-walstarmedia","plugin_contributors-walstartechnologies","plugin_committers-pragatip24"],"banners":{"banner":"https:\/\/ps.w.org\/pragatip24-responsive-block-options\/assets\/banner-772x250.png?rev=3710740","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/pragatip24-responsive-block-options\/assets\/icon-128x128.png?rev=3710907","icon_2x":"https:\/\/ps.w.org\/pragatip24-responsive-block-options\/assets\/icon-256x256.png?rev=3710907","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/pragatip24-responsive-block-options\/assets\/screenshot-1.png?rev=3710865","caption":"Responsive Conditions controls for hiding a selected block on desktop, tablet, or mobile."},{"src":"https:\/\/ps.w.org\/pragatip24-responsive-block-options\/assets\/screenshot-2.png?rev=3710865","caption":"Columns Reverse Settings for changing the order of core Columns blocks on tablet and mobile."}],"raw_content":"\n

Responsive Block Visibility Control<\/strong> gives you simple, responsive display controls directly inside the WordPress block editor.<\/p>\n\n

Choose whether a block should be hidden on desktop, tablet, or mobile without writing custom CSS. When working with the core Columns block, you can also reverse the column order independently on tablet and mobile devices.<\/p>\n\n

The controls are available directly in the block editor's Advanced<\/strong> panel, keeping responsive settings close to the blocks you are already editing.<\/p>\n\n

Key Features<\/h4>\n\n
    \n
  • Hide blocks on Desktop (1025px and above).<\/li>\n
  • Hide blocks on Tablet (768px\u20131024px).<\/li>\n
  • Hide blocks on Mobile (767px and below).<\/li>\n
  • Reverse core Columns block order on Tablet.<\/li>\n
  • Reverse core Columns block order on Mobile.<\/li>\n
  • Simple toggle controls inside the Gutenberg editor.<\/li>\n
  • No custom CSS required.<\/li>\n
  • No separate settings page to configure.<\/li>\n
  • Automatically applies your responsive settings on the frontend.<\/li>\n
  • Responds to browser resizing and device orientation changes.<\/li>\n<\/ul>\n\n

    Control Responsive Block Visibility in Seconds!<\/h4>\n\n

    Creating device-specific layouts should not require custom CSS.<\/p>\n\n

    Select a block, open the Advanced<\/strong> panel, and use the Responsive Conditions controls to choose where the block should be hidden.<\/p>\n\n

    Want one section on desktop but a different layout on mobile? Simply configure the visibility of each block using the appropriate device toggle.<\/p>\n\n

    Useful Responsive Controls<\/h4>\n\n

    Responsive Block Visibility Control focuses on the options commonly needed when building responsive WordPress pages.<\/p>\n\n

    You can independently control visibility across desktop, tablet, and mobile breakpoints.<\/p>\n\n

    For the WordPress core Columns block, additional controls allow you to reverse column order on tablet or mobile. This is especially useful when alternating image and text columns on desktop while maintaining a natural reading order on smaller screens.<\/p>\n\n

    Why Do I Need This?<\/h4>\n\n

    A layout that works perfectly on desktop does not always work well on smaller screens.<\/p>\n\n

    Sometimes you may want to hide decorative content on mobile, display an alternative section for smaller devices, or change the order of columns so important content appears first.<\/p>\n\n

    Responsive Block Visibility Control lets you handle these common responsive-layout requirements directly from the block editor instead of maintaining additional CSS rules.<\/p>\n\n

    Why Choose Responsive Block Visibility Control?<\/h4>\n\n

    The plugin is designed to stay focused and easy to use.<\/p>\n\n

    There is no complicated condition builder or separate configuration screen. Responsive controls appear where you need them \u2014 directly inside the WordPress block editor.<\/p>\n\n

    It works with the familiar Gutenberg editing experience and provides straightforward controls for creating cleaner responsive layouts.<\/p>\n\n\n

      \n
    1. Install Responsive Block Visibility Control<\/strong> from the WordPress Plugins screen, or upload the plugin to \/wp-content\/plugins\/<\/code>.<\/li>\n
    2. Activate the plugin.<\/li>\n
    3. Edit a post or page using the WordPress block editor.<\/li>\n
    4. Select the block you want to control.<\/li>\n
    5. Open the Advanced<\/strong> panel in the block settings sidebar.<\/li>\n
    6. Configure the Responsive Conditions options.<\/li>\n
    7. For a core Columns block, use the additional Columns Reverse Settings when needed.<\/li>\n
    8. Save or update your page.<\/li>\n<\/ol>\n\n\n
      \n

      Where are the responsive controls located?<\/h3><\/dt>\n

      Select a block in the WordPress block editor and open the Advanced<\/strong> panel in the block settings sidebar.<\/p><\/dd>\n

      What are the responsive breakpoints?<\/h3><\/dt>\n

      Desktop applies at 1025px and above.<\/p>\n\n

      Tablet applies from 768px through 1024px.<\/p>\n\n

      Mobile applies at 767px and below.<\/p><\/dd>\n

      Which blocks support reverse columns?<\/h3><\/dt>\n

      Column reversal is currently available for the WordPress core Columns block.<\/p><\/dd>\n

      Can I reverse columns differently on tablet and mobile?<\/h3><\/dt>\n

      Yes. Tablet and mobile column reversal can be enabled independently.<\/p><\/dd>\n

      Do I need to write CSS?<\/h3><\/dt>\n

      No. The plugin automatically adds the required responsive classes and frontend behavior.<\/p><\/dd>\n

      Does it work automatically on the frontend?<\/h3><\/dt>\n

      Yes. After saving your page, your selected visibility and column-order settings are automatically applied on the frontend.<\/p><\/dd>\n

      Is there a separate settings page?<\/h3><\/dt>\n

      No. The responsive options are available directly in the block editor.<\/p><\/dd>\n\n<\/dl>\n\n\n

      1.0.0<\/h4>\n\n
        \n
      • Initial release.<\/li>\n<\/ul>","raw_excerpt":"Control Gutenberg block visibility by device and reverse Columns on tablet or mobile \u2014 no custom CSS required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/373084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=373084"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pragatip24"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=373084"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=373084"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=373084"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=373084"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=373084"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=373084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}