# Site options

### Site options contain

* Site Brand Settings
* Navbar options
* Header options
* Shop options
* Social links options
* Footer and copyright options
* Page transitions
* Cookie consent options
* Caching options
* SEO global options
* Translatable site labels
* And more

Everything is straightforward and well commented on and you shouldn't have any problems there.

Maybe just a few notes:

### Site Name

The first thing you must do is change the Site name. The site name is displayed in the SEO Meta titles, and footer copyright. 

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FOHWnkvpMZAhbpAmPDtEk%2Fscreenshot-localhost-2024.04.09-19_18_11.jpg?alt=media&#x26;token=0b54e410-5600-4d1d-a90e-3ea64c694bd8" alt="Website name"><figcaption><p>Website name</p></figcaption></figure>

Just click on it and change it to your website name.&#x20;

### Site Author

Beware that the Site Author serves as a backup if the article doesn't have the Author selected. So, if you have the Site Author field empty you can have an error when trying to view the Article page.

Also, make sure to add your email to the Email field. The contact form will send messages to that email.

<div align="left"><figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2F3hQqWEcb5A6juxt7T54l%2Fscreenshot-localhost-2024.04.09-19_22_24.jpg?alt=media&#x26;token=88b5cdc5-904e-481c-8059-745c5d25af8f" alt="Brand settings"><figcaption><p>Brand settings</p></figcaption></figure></div>

### Navbar

There are many options for the navbar, make sure to check them all out.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2F0PjtLCeKHrPXPNFqZ2uw%2FScreen%20Shot%202024-04-09%20at%2019.33.43.png?alt=media&#x26;token=19703c76-482a-48fb-986f-6b921d7e99d2" alt="Navbar settings"><figcaption><p>Navbar settings</p></figcaption></figure>

#### Mobile navigation settings

![Mobile navigation settings](https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FhDsw3SdsfYiuUxUozWiK%2Fscreenshot-localhost-2024.04.09-19_36_49.jpg?alt=media\&token=dea3ef74-5da0-4453-b633-e364be820e09)

#### Top bar options

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2Ff6sAYe29cPeHl3plEcgL%2Fscreenshot-localhost-2024.04.09-19_38_15.jpg?alt=media&#x26;token=d560a2d6-1cd0-4cf1-8efc-9b9f6eb2c684" alt="Top bar and transparent navbar settings"><figcaption><p>Top bar and transparent navbar settings</p></figcaption></figure>

### Header

The header also has many options, note that if you add a header background image it will show up on every page. But you have header options on individual pages that can override these.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FGBIvOYjHpl5lPyGoNQBb%2Fscreenshot-localhost-2024.04.09-19_38_50.jpg?alt=media&#x26;token=852b1afa-1641-4a60-a1de-a498b7c97184" alt="Header options"><figcaption><p>Header options</p></figcaption></figure>

### Projects cover image

Set the size for the project cover image

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FiM3meUjk1LP2oDIegQVJ%2Fscreenshot-localhost-2024.04.09-19_39_27.jpg?alt=media&#x26;token=b3a5660e-3e87-43dc-b6e7-0a00c7d2f76d" alt=""><figcaption><p>Projects cover size</p></figcaption></figure>

### Shop options

Set various shop options.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FgCzXb5ZRvoLzZFqXDplG%2FScreen%20Shot%202024-04-09%20at%2019.41.31.png?alt=media&#x26;token=2fb086ca-a15c-4871-9135-156e432c92d8" alt="Shop options"><figcaption><p>Shop options</p></figcaption></figure>

### Social links

**If you choose links** -- your "social menu" can also become ordinary navigation.&#x20;

**If you choose icons** -- You MUST enter Platform names right as they are, to be converted to icons.&#x20;

<div align="left"><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FkgrqLjhrpiuXL91wq3HI%2Fscreenshot-localhost-2024.04.09-19_42_37.jpg?alt=media&#x26;token=4a34ed80-5910-4f14-8f43-6c09cfe8ffd9" alt=""></div>

### Footer

Make sure to test all options the footer has. It is possible to create almost any footer layout.

There are two approaches to footer creation, choose what suits you best.

![Footer Builder](https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FQ2iWo4s03ob3RpetDbHY%2FScreen%20Shot%202024-04-09%20at%2019.43.56.png?alt=media\&token=d61ab575-1fc9-4ceb-a127-0de9bb860a3a)

### Performance settings

Turn on/off scripts cachebusting.

### Misc Settings

Enable typed text script for the Typed text block, and enable Syntax highlighting for Code block.

### Page transitions

This option adds smooth page transitions without a browser refresh.

### Media settings

This option influences what files you can select in the file select fields. Search through only page files or site-wide.&#x20;