# Mobile Screen Design

Use the Device Visibility setting for controls in the Screen Builder to optimize the end-user experience for mobile and desktop users. This new setting enables you to manage what’s visible on the screen to users based on the type of device they are using.

## Configure Controls for Mobile Screens

Watch the demo below to set device visibility for the controls on a screen, or access our interactive tour for step-by-step instructions. 

{% tabs %}
{% tab title="Auto Play" %}
{% embed url="<https://demos.processmaker.com/demo/clkgyfc4v7028zg70ws483htl>" %}
{% endtab %}

{% tab title="Interactive Tour" %}
{% embed url="<https://demos.processmaker.com/demo/U6-bHkq_8h7gaHuJbeovK?test=1>" %}
{% endtab %}
{% endtabs %}

## Additional Resources

<details>

<summary><mark style="color:orange;">Learn More About Screen Design</mark></summary>

<img src="https://3783649497-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP4u8MKZya2DT5uK7vP4p%2Fuploads%2F0sYCkN4GfNrU4Ff9qFrP%2FDocumentation%20Icon.png?alt=media&#x26;token=f7195c51-1293-4b43-a787-edad4fb7e99c" alt="" data-size="line"> [**ProcessMaker Documentation**](https://docs.processmaker.com/): Find detailed information about Screen Design.

<img src="https://3783649497-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FP4u8MKZya2DT5uK7vP4p%2Fuploads%2FcUF9jEeHPFHk8Ex6kUEp%2FPM%20University.png?alt=media&#x26;token=ba0221f3-3441-46c7-9995-b27c482acef2" alt="" data-size="line"> [**ProcessMaker University**](https://university.processmaker.com/): Enroll in ProcessMaker University to become a Certified Process Designer.

</details>