> For the complete documentation index, see [llms.txt](https://guides.paynow.gg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.paynow.gg/your-webstore/navlinks.md).

# Navlinks

Navlinks are the buttons on your storefront's navigation bar. Each one points at a [tag](/your-webstore/tags.md), giving customers one-click access to a category. You need at least one tag before you can create a navlink, since there is otherwise nothing to point a button at.

*Dashboard → Appearance → Navlinks. Needs `tag_read` (navlinks share the tag permission).*

## Creating a navlink

1. Go to **Appearance → Navlinks**.
2. Click **Create** in the top right.
3. Select the tag you want to appear as a button.

Visit your storefront to see it.

<figure><img src="/files/S9kWkyIrFklOGI78KhBp" alt="The Navlinks page showing Ranks, Currency and Servers, with Survival and Creative nested under Servers to form a dropdown."><figcaption></figcaption></figure>

## Reordering

Click and drag the movement icon on the left of a navlink to change its position. The order here is the order on your storefront. The first item gets disproportionate clicks, so check [Analytics](/analytics/analytics.md) for which category actually earns and lead with that.

## Making a dropdown

Drag a navlink's movement icon **below and slightly to the right** of another navlink. It nests underneath, and the topmost link becomes the dropdown parent. A **Servers** dropdown holding Vanilla, Modded and Creative beats three top-level buttons crowding the bar.

<figure><img src="/files/GoHsFaB45wzWsjKCvUsj" alt="A navlink being dragged below and to the right of another to create a dropdown."><figcaption><p>Drag below and slightly right to nest.</p></figcaption></figure>

## How many is too many

Keep the top level short, around five items. Past that the bar wraps or scrolls on smaller screens and stops functioning as navigation.

A structure that works for most stores:

```
Ranks    Currency    Servers ▾    Cosmetics    Support
                     ├ Survival
                     ├ Creative
                     └ Modded
```

{% hint style="warning" %}
**Check your storefront on a phone.** A large share of game store traffic is mobile, and a navigation bar that looks fine at 1440px can be unusable at 390px. Nest aggressively rather than adding another top-level button.
{% endhint %}

## Navlinks in templates

Custom storefronts receive `navlinks` as a global template variable, and `category.html` gets `activeNavlink` for the current selection. See [Editing Template Files](/your-webstore/editing-template-files.md).