> For the complete documentation index, see [llms.txt](https://docs.webtonative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.webtonative.com/website-plugins/bubble.io/device-based-element-visibility.md).

# 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="/files/xgH3mNAAKYYVtrns9EOd" 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.