# Changing the test screen size

### What is a Screen Size option?&#x20;

The Screen Size option is used to set the screen size for a browser running your tests. Different sizes can render your website differently and you may want to test this or test different views for mobile devices. Where can you set it?

### Creating a new test&#x20;

When you create a new test, we offer two different screen resolution options.

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FLwCSbznwjBpZC01N772o%2FNew%20test.png?alt=media&#x26;token=a762bacf-e6bb-413a-9e25-f9cb7743b7dc" alt=""><figcaption><p>You can select screen size optiom from dropdown menu </p></figcaption></figure>

* **Desktop**&#x20;

  As the default window size for your primary web application testing
* **Mobile** \
  Optional for small screen testing

You can change the test screen size to mobile or desktop using test settings from the menu. &#x20;

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FHm0tfu2847JtIZPd1tvS%2Ftest%20setting.png?alt=media&#x26;token=47a45c71-362f-48e8-ba92-efb80179c2e5" alt=""><figcaption><p>open meatball menu and choose Test settings</p></figcaption></figure>

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FDTuGlBa0RC6MMBrVZo9Z%2Ftest%20setting2.png?alt=media&#x26;token=57305fdb-4a6a-4db5-a909-bd0b24824b53" alt=""><figcaption><p>choose an option from Screen size dropdown menu</p></figcaption></figure>

### Changing screen size for desktop and mobile

If you want to change the default screen size, you need to set it in the Project Settings. Each project has its own default screen size. If you want to test other sizes, simply duplicate the project and change the settings from the default.\
\
**Note: Due the Chrome limitations the minimal value for Screen size is 500**

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FhzqaMNmrwyXpiY7VaOlA%2Fproject%20setting.png?alt=media&#x26;token=da3540bd-4be2-4358-ae90-1c6d71569559" alt=""><figcaption><p>Go to the side menu and select Project Settings. Then select the Screen Sizes tab.</p></figcaption></figure>

Also, you can use a quick link from the project menu&#x20;

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FeS8Tk69NLY44ykMbLtRB%2Fproject%20setting2.png?alt=media&#x26;token=6ae6c9f2-85d3-4e86-9c50-2628d601b5b0" alt=""><figcaption><p>Open meatball menu, choose test setting and use link from Sreen size dropdown menu</p></figcaption></figure>

### Easy way to check your screen size for tests

We have added a new column for easy identification of the screen size set for a test.

* In the list of tests, you will see an icon informing you that the test is set for desktop or mobile.

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FA9AjsJsyq71k5xHBk0eB%2FTest%20list.png?alt=media&#x26;token=7ead6478-27e1-462c-b980-d2c5befdce80" alt=""><figcaption><p>Icon will only be added if you set two different screen sizes for each test.</p></figcaption></figure>

* On Runs history there is also info about the screen size

<figure><img src="https://3168433179-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MKixgeBPbLvnD0l1eiV%2Fuploads%2FNM8n9hBleO8L39Sp9u0P%2Frun%20history.png?alt=media&#x26;token=ba871b19-4e08-4082-ae37-e0b048f0b324" alt=""><figcaption></figcaption></figure>

###
