Title: Responsive UI for Beaver Builder Author: Ready Steady Websites Published: 2020-يىلى 13-نويابىر Last modified: 2025-يىلى 2-ماي --- قىستۇرما ئىزدە ![](https://ps.w.org/responsive-ui-for-beaver-builder/assets/banner-772x250.png? rev=2418076) ![](https://ps.w.org/responsive-ui-for-beaver-builder/assets/icon-256x256.png?rev =2418076) # Responsive UI for Beaver Builder يازغۇچى [Ready Steady Websites](https://profiles.wordpress.org/readysteadywebsites/) [چۈشۈر](https://downloads.wordpress.org/plugin/responsive-ui-for-beaver-builder.1.0.5.zip) * [تەپسىلاتلار](https://ug.wordpress.org/plugins/responsive-ui-for-beaver-builder/#description) * [باھالاشلار](https://ug.wordpress.org/plugins/responsive-ui-for-beaver-builder/#reviews) * [ئىجادىيەت](https://ug.wordpress.org/plugins/responsive-ui-for-beaver-builder/#developers) [قوللاش](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/) ## چۈشەندۈرۈش When you have set Visibility settings in Beaver Builder, it’s not easy to see what rows, columns and modules appear on different devices. This plugin adds a visual guide with a click of a button. ## ئېكران كەسمىسى * [[ * Once activated you will see the UI button appear in the top of Beaver Builder screenshot-1.png * [[ * You will see different icons depending on which Breakpoints you have set in the Visibility settings screenshot-2.png ## FAQ ### How does it work Beaver Builder lets you hide and show elements based on «Visibility» settings dependent on device size. You can control these via the ›Advanced‹ tab in row, column and module settings in the ›Visibility‹ section. Which is great, but the only problem is you can’t then see which elements are hiding and showing until you click on each of their settings. In order to see which modules, columns and rows are showing/hiding, edit any page with Beaver Builder and you will see the «UI» button appear in the top bar. Click on that to see which elements you have with Visibility settings and which devices they are set to. ## باھالاشلار ![](https://secure.gravatar.com/avatar/6b023a8915aceb4085e63f22d4515cdaf272ac95066e6cd4bb75fc1d86b9b122? s=60&d=retro&r=g) ### 󠀁[Very handy!](https://wordpress.org/support/topic/very-handy-296/)󠁿 [Ruskin](https://profiles.wordpress.org/hedley/) 2024-يىلى 10-يانۋار 1 reply Much better visibility for responsive-specific components in the editor. ![](https://secure.gravatar.com/avatar/47e9d156ac53e9769862aa031c5d0f85945ac205b25e81d70b5d423b09f4afe5? s=60&d=retro&r=g) ### 󠀁[So simple…](https://wordpress.org/support/topic/so-simple-86/)󠁿 [deargeek](https://profiles.wordpress.org/deargeek/) 2021-يىلى 4-فېۋرال 1 reply …yet so perfect. Great idea, thank you! ![](https://secure.gravatar.com/avatar/299a4f11beac8ea9b724e3f82a824454235d911ad2b14f524f2084149ee03620? s=60&d=retro&r=g) ### 󠀁[Very Useful](https://wordpress.org/support/topic/very-useful-2569/)󠁿 [molloy68](https://profiles.wordpress.org/molloy68/) 2021-يىلى 22-يانۋار 1 reply If you work with Beaver Builder you need this. Especially if you design more than just a basic site. ![](https://secure.gravatar.com/avatar/b56f652fb35b30c91db6a700bf17f359c9deedbf185a2232bfc259d577fafcb1? s=60&d=retro&r=g) ### 󠀁[Handy and easy to use](https://wordpress.org/support/topic/handy-and-easy-to-use-6/)󠁿 [gdgraphics](https://profiles.wordpress.org/gdgraphics/) 2021-يىلى 22-يانۋار 1 reply It’s one of those plugins that you didn’t know you needed until you have used it. This plugin is essential for extensive users of Beaver Builder when creating websites for clients professionally. ![](https://secure.gravatar.com/avatar/d151d1d91e34373d2a7cdffb08f42d78224fa0164c7ff60b5f8ff444fcf7e679? s=60&d=retro&r=g) ### 󠀁[A very handy tool for Beaver Builder users](https://wordpress.org/support/topic/a-very-handy-tool-for-beaver-builder-users/)󠁿 [Anonymous User 652281](https://profiles.wordpress.org/anonymized-652281/) 2021- يىلى 17-يانۋار 1 reply Thanks Chris for making this. It’s going to be very useful on sites where I use Beaver Builder visibility a lot. It should stop me deleting those «spacer» columns I set up and later forget about – whoops!. Perfect as a plugin rather than as something in Beaver Builder. [ 4 باھالاشنىڭ ھەممىنى ئوقۇش ](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/) ## تۆھپىكار ۋە ئىجادكار «Responsive UI for Beaver Builder» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە قوشقان. تۆھپىكار * [ Ready Steady Websites ](https://profiles.wordpress.org/readysteadywebsites/) [«Responsive UI for Beaver Builder» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/responsive-ui-for-beaver-builder) ### ئىجادىيەتكە قىزىقامسىز؟ [كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/responsive-ui-for-beaver-builder/)، [SVN خەزىنە](https://plugins.svn.wordpress.org/responsive-ui-for-beaver-builder/) تەكشۈرۈپ ياكى [RSS](https://plugins.trac.wordpress.org/log/responsive-ui-for-beaver-builder/?limit=100&mode=stop_on_copy&format=rss) ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/responsive-ui-for-beaver-builder/) گە مۇشتەرى بولغىلى بولىدۇ. ## ئۆزگىرىش خاتىرىسى #### 1.0.5 * Tested for WP 6.4+ and edge cases added for separated responsive choices. #### 1.0.4 * Updated for new responsive Extra Large breakpoint in Beaver Builder 2.6 #### 1.0.3 * Updated compatibility for WP 5.9. #### 1.0.2 * jQuery updates for WP 5.7 #### 1.0.1 * Amendments to styling so it is more obvious when it is on / off #### 1.0.0 * Initial Version ## Meta * Version **1.0.5** * ئاخىرقى يېڭىلانغان ۋاقىت **1 يىل بۇرۇن** * ئاكتىپ ئورنىتىش سانى **300+** * WordPress نەشرى ** 5.4 ياكى يۇقىرى ** * **6.8.5** دا سىنالغان * PHP نەشرى ** 7.0 ياكى يۇقىرى ** * تىل * [English (US)](https://wordpress.org/plugins/responsive-ui-for-beaver-builder/) * بەلگە * [beaver](https://ug.wordpress.org/plugins/tags/beaver/)[beaver builder](https://ug.wordpress.org/plugins/tags/beaver-builder/) [beaverbuilder](https://ug.wordpress.org/plugins/tags/beaverbuilder/) * [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/responsive-ui-for-beaver-builder/advanced/) ## دەرىجە 5/5 يۇلتۇز * [ 5 5-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/?filter=5) * [ 0 4-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/?filter=4) * [ 0 3-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/?filter=3) * [ 0 2-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/?filter=2) * [ 0 1-يۇلتۇز باھالاش ](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/#new-post) [بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/reviews/) ## تۆھپىكار * [ Ready Steady Websites ](https://profiles.wordpress.org/readysteadywebsites/) ## قوللاش چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟ [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/responsive-ui-for-beaver-builder/) ## ئىئانە بۇ قىستۇرمىنىڭ ياخشىلىنىشىنى قوللامسىز؟ [ بۇ قىستۇرمىغا ئىئانە قىلىش ](https://readysteadywebsites.com/bb-ui/)