Skip to main content

Device-Specific Changes in the Visual Editor

· 2 min read

We’ve added a new option to the Visual Editor that allows you to make device-specific changes when building variations.

With this feature, you can apply modifications only to the currently selected device view, making it easier to tailor experiences for desktop, tablet, or mobile users.

This provides more flexibility when designing experiments for responsive layouts, where elements and user interactions often differ between devices.

How It Works​

The Visual Editor already allows you to view your page in different device views. With this update, you can now choose whether a change should apply to:

  • All devices
  • Current device

To create a device-specific change:

  1. Switch to the view you want to modify (for example Mobile).
  2. Select your element and open the Device tab.
  3. Select Current device instead of All devices.
  4. Make the desired change.

The change will only apply to that specific device type.

Why This Is Useful​

Responsive websites often render elements differently depending on the device. Layout changes, hidden elements, or alternative navigation patterns can make a single universal modification difficult.

Device-specific changes allow you to:

  • Adjust variations for mobile-only layouts
  • Modify UI components that only exist on certain devices
  • Avoid unintended layout issues on other screen sizes
  • Design experiments that reflect real device experiences