---
description: >-
  One way to determine the location of visitors is through a supplementary
  navigation system.
---

# Page title banner

<figure><img src="https://content.gitbook.com/content/7Hg8cYZOt66iWZS4tTz7/blobs/GxtkqjBIWtzxMNSPuq7t/collection_page_title.png" alt=""><figcaption></figcaption></figure>

| Settings                  | Description                                                                                                                                                                                                                                                                                                                                                                                                                                 |
| ------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Page width**            | <ul><li><strong>Boxed</strong>: With boxed width, page content can be displayed within the maximum width. <strong>The page width can be changed in Theme Settings > Layout.</strong></li></ul><ul><li><strong>Full width:</strong> With the "Full width" option, page content can be displayed in its entirety full-width. <strong>When you show content at full width, you can add padding to the left and right sides.</strong></li></ul> |
| **Background image**      | You can add a background image                                                                                                                                                                                                                                                                                                                                                                                                              |
| **Image overlay opacity** | You can add an overlay on the background image. There is an option to change the opacity of the overlay. The range is 0 to 100%                                                                                                                                                                                                                                                                                                             |

#### SECTION HEADER

| Settings                       | Description                                                                                 |
| ------------------------------ | ------------------------------------------------------------------------------------------- |
| **Show page heading**          | You can show/hide page title                                                                |
| **Heading size**               | You can change the heading font size following the options **Large**, **Medium**, **Small** |
| **Show Breadcrumb Navigation** | You can show/hide breadcrumb navigation                                                     |
| **Text Align**                 | There is an option to change the text-align                                                 |

## Section padding

| Settings                    | Description                                                                                                                          |
| --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
| **Desktop**: Padding top    | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.**    |
| **Desktop**: Padding bottom | The section’s bottom inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the desktop.** |
| **Mobile**: Padding top     | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |
| **Mobile**: Padding bottom  | The section’s top inner space height is determined. From 0 to 150 px, will be incremented by 5px. **It will affect the mobile.**     |

## COLORS

<figure><img src="https://content.gitbook.com/content/7Hg8cYZOt66iWZS4tTz7/blobs/3KAxgY8mvCt6utcjYmks/page-Titl-colors.png" alt=""><figcaption></figcaption></figure>
