> For the complete documentation index, see [llms.txt](https://docs.themeupstudio.com/crimson/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.themeupstudio.com/crimson/navigation/footer-navigation.md).

# Footer Navigation

### What is Footer Navigation in Crimson?

Crimson’s footer navigation is designed as a **multi-column layout** where you can group links under headings (Pages, Categories, Our Policies, Connect with us, Support, etc.).

{% hint style="info" %}
Crimson’s footer navigation is built from Ghost’s **Secondary navigation** list (the same one used by Header Secondary), and Crimson filters items using prefixes.
{% endhint %}

<figure><img src="/files/axIKbjRZPYqbQY4xelRQ" alt=""><figcaption><p>Footer Navigation</p></figcaption></figure>

#### Where to edit Footer Navigation

1. Go to **Ghost Admin → Settings → Navigation**
2. Add/edit links in **Secondary navigation** (not Primary)
3. Use the Footer rules below to control layout

<figure><img src="/files/MKhaiSFp1YXQ9nKHaoSG" alt=""><figcaption><p>Secondary Navigation in Ghost Settings</p></figcaption></figure>

***

### Footer layout rules (Headings + Visibility)

#### A) Create footer column headings

To create a footer heading (like a column title):

* Set the **Label** to your heading text (example: `Company`)
* Set the **URL** to `#`

Crimson treats these `URL = #` items as **headings** and shows them **only in the footer**, even if you accidentally add `[h]` or `[f]`.

{% hint style="warning" %}
Headings are menu items with URL as `'#'`. Crimson will show them only in Footer, irrespective of `[h]` or `[f]` prefixes.
{% endhint %}

***

#### B) Show footer-only links

Prefix a menu item label with **`[f]`** to make sure it appears **only in the footer**.

***

#### C) Links that appear in both Footer and Header Secondary

If a label has **no prefix** (none from `[h]` or `[f]`), it can appear in both places.\
This is useful for items that you may want in both Header Secondary and Footer.

***

#### D) Dropdowns in Footer

Adding Footer dropdowns is similar to how you add for Header Secondary. Just, instead of `[h]` prefixes use `[f]`. All other rules for `+` and `-` remains the same.

**Sample Footer Navigation:**

<figure><img src="/files/8LdPhghQ7J4knl0hWen1" alt=""><figcaption><p>Sample Footer Navigation in Ghost Settings</p></figcaption></figure>

**This is how it will render on the website:**

<figure><img src="/files/XiBQfRcw4WdRvPqHrUTM" alt=""><figcaption><p>Sample Footer Navigation with Headers and Dropdown</p></figcaption></figure>
