RespSync Visibility Toggle for Elementor

By Shabab Ahmed

Description

RespSync Visibility Toggle adds a fast, intuitive device visibility toggle button directly inside the Elementor Structure (Navigator) panel item rows.

With a single click, users can check and toggle element visibility across Desktop, Tablet, and Mobile devices without navigating through multiple tab controls in the Elementor settings panel.

Key Features

Navigator Panel Integration: Instant access directly on Navigator tree items.
Dynamic Multi-Device Status: Visual device icon indicator showing active and hidden states.
One-Click Toggle: Show or hide elements across all device breakpoints instantly.
Native Synchronization: Seamlessly updates Elementor settings model and marks document as modified for saving.
Lightweight & Fast: Pure JavaScript integration with zero overhead on front-end performance.

Screenshots

RespSync responsive visibility toggle icon inside the Elementor Structure panel.

Installation

Upload the respsync-visibility-toggle-for-elementor directory to the /wp-content/plugins/ directory.
Activate the plugin through the ‘Plugins’ menu in WordPress.
Open any page in the Elementor Editor and view the Structure (Navigator) panel.

FAQ

Does this plugin affect site loading speed?: No. The plugin only loads within the Elementor Editor environment and adds zero JavaScript or CSS assets to your public front-end site.
Does it require Elementor Pro?: No, it works seamlessly with both Elementor Free and Elementor Pro.

Reviews

Razib Hossain August 12, 2026

As a developer, I really appreciate tools that improve workflow without adding unnecessary complexity and RespSync Visibility Toggle does exactly that. The Navigator panel integration is excellent, while the dynamic device indicators and one-click visibility controls make responsive Elementor development significantly more efficient. I also like that it works with Elementor’s native settings model and doesn’t add front-end performance overhead.

Read all 1 review