# Image with button

{% hint style="success" %}
**Tip:** To add a block, the "[<mark style="color:blue;">Mega menu</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/mega-menu)" section is required. Press **"Add block"** and choose the one in **Theme Blocks**. Drag and drop the block to the desired position in a drop-down section.
{% endhint %}

### **Block link**

The image can be linked to any page using the **"Link"** resource selector.

### **Media**

Here you can apply an image to the column. Click **"Select"** to choose media from the library or upload it from your computer.

### Button

If you need to show a button over an image, fill in the **"Label"** field. Leave the field empty to hide a button.

The **"Position"** option defines the button's position over a banner: "Top left", "Top", "Top right"; "Center left", "Center", "Center right"; or "Bottom left", "Bottom", "Bottom right". Select an option in the drop-down that best fits your needs.

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

This is an example of how the block can be displayed in the "Mega menu" section:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FR4grmhC32c4DMOKI44Nw%2Fmega%20menu_image%20with%20bttn.png?alt=media&#x26;token=46a1324e-ad90-4daf-8457-db384e440e5c" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** If you need to place a banner with a call-to-action button for mobile view, use the "[<mark style="color:blue;">Image with button (Mobile)</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/static-sections/header/image-with-button-mobile)" block in the Header.
{% endhint %}