🚀 Feature Request: Responsive Controls for Site-Wide Gaps Setting

[RicoGL]

Describe the Problem

The Site Settings → Layout → Gaps feature allows you to set global spacing between elements. While this works well for desktop layouts, it lacks responsive controls. Meaning you cannot set different gap values for tablet or mobile.

As a result:

• If you set a wide column gap for desktop (e.g. 40px), it remains unchanged on tablet and mobile.
• This creates layouts with excessive spacing on smaller screens.
• Unlike similar layout settings like Content Width and Container Padding, Gaps cannot be customized per device.

📽️ Example: https://share.cleanshot.com/l2syJgXx

Propose a Solution

Add responsive controls to the Site Settings → Layout → Gaps setting.

This would allow:

• Setting different gap values for desktop, tablet, and mobile.
• More flexible, device-specific spacing that ensures consistency and good UX across screen sizes.
• A consistent UX with other Elementor responsive features.

✅ Expected behavior:
Gaps should support device breakpoints with individual values for each.

Additional Context

• This request follows the review of Issue ⛔ Site-wide 'Gaps' setting urgently needs responsive options to be useful #25103, where it was confirmed that the lack of responsive Gaps is a missing feature.
• Issue occurs with:
  • Only Elementor and Elementor Pro plugins active
  • Hello Elementor theme
  • Latest stable version of Elementor
• Feature aligns with Elementor’s responsive design philosophy and will help users create more polished and adaptive layouts.

Agreement

• I confirm I have read and followed all the guidelines and instructions outlined in the Feature Request form.
• I agree that my discussion may be closed without further action if it doesn't meet all the requirements outlined in the Feature Request form.