# Featured promotion (Mobile)

{% hint style="success" %}
**Tip:** To add a block, press **"Add block"** and choose **"Featured promotion (Mobile)"** from the proposed list of blocks.
{% endhint %}

<mark style="color:orange;">**Note!**</mark> This block can be added for each parent menu item that contains nested menu items. How to create the drop-down menus can be read [<mark style="color:blue;">here</mark>](https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus).

In the **"Menu item name"** field, paste the parent link name for which the image will be displayed. Note that this is a case-sensitive setting. Add the parent link name in lower or upper case, as it is used in your *Shopify admin -> Content -> Menus*.

### Block link

Use the **"Link"** resource selector if you need to direct visitors to the required page when hitting the banner itself.

### Media

In the **"Image"** picker, press **"Select"** to choose one from the image library or upload it from your computer.

### Text

Use the **"Text"** field to add some promotions under the image. The hex code of the color can be changed in the corresponding color picker.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FQIagM0gRVhS8Fz3GmuuR%2Fheader_featured%20promotion.png?alt=media&#x26;token=b58cd8d3-4c6a-4ef7-bbac-faf48f616e62" alt=""><figcaption></figcaption></figure>

### Button

To overlay a button on a banner, insert a meaningful phrase into the **"Label"** field. If you need to hide the button, leave the field blank.

Use the **"Link"** resource selector to redirect customers to the correct page when they click the call-to-action button overlaid on the banner. Otherwise, the button will use the same page link you provided for the banner above.

The **"Style"** drop-down allows you to set up different button layouts. Choose one of the pre-set styles: "Primary", "Secondary", or "Link style". Use the following [link](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections#buttons) to view how each button style is presented in the theme.

Use the **"Color"** picker to set the desired background color for the button.

This example shows how the block might be displayed in a store:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FMWqAQ4t44Jx1s7XVJj74%2Fheader_featured%20promot.png?alt=media&#x26;token=79c889fe-ebb2-496a-8216-e23d7e86d80a" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note!** To display the block on mobile, ensure that you set up a drop-down menu in your admin for the used parent item. The banner block will be displayed on the next step after clicking the parent link.
{% endhint %}

<figure><img src="broken-reference" alt=""><figcaption></figcaption></figure>