# Device-Based Element Visibility

### Recommended Setup:

This action can be configured on page load to ensure device-specific visibility rules from the start or triggered by specific events based on user requirements.

<figure><img src="https://46162361-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MbRbEDU7JrvMAgg52AY%2Fuploads%2FwZoIfp3t0LiJg6UXj9ip%2FScreenshot%202025-01-03%20at%203.12.27%E2%80%AFPM.png?alt=media&#x26;token=0aa654ac-b789-48ec-acd9-c656817b51e4" alt=""><figcaption></figcaption></figure>

### Steps:

1. In the Workflow tab, select Page Load or a relevant event based on your needs.
2. Add the Device-Based Element Visibility action.
3. Configure the following properties:
   * Target Device: Specify whether to target `android`,\
     `ios`, or `both` platforms.
   * Elements IDs: Enter a comma-separated list of the element IDs you want to control.
   * Visibility: Choose `show` to display or `hide` to make the elements invisible on the specified devices.