# Change the size of badge/label

## **Steps to manage** 

1\. From the app admin page, click **Badges and Labels**  > open the label/badge detail you want to edit

2\. Click the **Settings** icon on the left > scroll down to **Design** > **Size**

3\. Select one of the options S ( **small ) , M ( medium ) , L ( large)** , or **customize** it by yourself

4\. Click **Save** to update  the changes

Then go to the front store to check the result\ <br>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FBEE7sCD1sebxNzo4Ux2r%2Fimage.png?alt=media&#x26;token=6a5d2f41-5a2a-4cf2-97d6-c0c84c6f32c0" alt=""><figcaption></figcaption></figure>

You want to customize size of label/badge?

If you want to customize the size of the label/badge, click on **Custom** and adjust the **Width** and **Height**

You can change the size unit to **px** or **%**:&#x20;

* **px** amount: it is fixed size and the size will be kept the same on all screens
* **%**: the size of the label/badge will depend on the screen size (recommended)&#x20;

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FNGoQMmlJC59yXG13lZmB%2Fimage.png?alt=media&#x26;token=0b76305f-03a2-4bc6-973b-f2d1dc8278d1" alt=""><figcaption></figcaption></figure>

#### Customize label/badge size on the mobile

## **Steps to manage**&#x20;

1\. From the app admin page, click **Badges and Labels** > open the label/badge detail you want to edit

2\. Click the **Settings** icon on the left > scroll down to the **Design part** > click **Show Advanced options**

&#x20;3\. Set up the label size for **Tablets** and **Mobiles**

{% hint style="warning" %}
**Note**: If you want to enter the value just leave the **Width** and **Height** fields blank. Don’t add 0 (px/%)
{% endhint %}

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FisG4TDVklYwyVfWGYLzJ%2Fimage.png?alt=media&#x26;token=38e246b9-e6fd-4370-bee2-bda1ae5d91b5" alt=""><figcaption></figcaption></figure>

4. &#x20;Click **Save**<br>

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)