---
description: >-
  The "Page" section can be helpful if you need to display a content from a
  page.
---

# Page

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

### Page

If you need to connect a page with the section, press the **"Select"** button.

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 option "None".

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.



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 %}
