# Page

{% hint style="success" %}
**Tip:** Consider creating a webpage in your *Shopify admin -> Online Store -> Pages*. Read details on how to build a webpage [<mark style="color:blue;">here</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/faq/how-to-create-webpages).
{% endhint %}

#### Page

Connect a page with the section by pressing the **"Select"** button.

### Section layout

To add a divider between sections, use the **"Dividing line"** to set the position: "Top", "Bottom", or "Both". The dividing line will be hidden once you use the "None" option.&#x20;

On the **"Top spacing"** and **"Bottom spacing"** scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

### Transparent header

The provided setting is applied to the "[<mark style="color:blue;">Header - transparent</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/advanced-settings)" feature.

Enable the **"Invert header colors"** to link the color of the Header elements, such as navigation menus, Search, Compare, Favourites, Account, and Cart icons, to the "[Background](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/colors#background)" item under *Theme settings -> Colors -> Primary colors*. If the option is disabled, the color of the Header elements is related to the "[Base](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/colors#base)" item.

Here is how the section might be displayed on desktop and mobile:

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FCrrO2OIQn9q4Do6Jy2rs%2Fpage_desktop.png?alt=media&#x26;token=53d96271-9803-4375-9262-7eb5ce2678e6" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FAAH1nuG5uwDONELdL3qY%2Fpage_mobile.png?alt=media&#x26;token=1f4e914b-ebec-42d1-ba19-e753395f90b5" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}