---
title: Navigation Setup
slug: navigation-setup
icon: 🧭
docTags: 
createdAt: 2025-04-10T16:45:10.282Z
---

## Overview

Customize your website’s navigation menus (main nav, header, footer) using the drag-and-drop interface in the Storagely Dashboard.

## Accessing Navigation Settings

1. Log in to the Storagely Dashboard.
2. Navigate to Storage Website > Navigation.

   ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/DVFr3tk31sVJ9mD24z1_R_screenshot-2025-05-23-at-122828-pm.png)
3. Use the dropdown menu to select the navigation section you’d like to edit:
   - Main Navigation
   - Top Header
   - Footer
   - Main Button

     ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/CEImeh9W0_qOnjB5NjRU5_screenshot-2025-05-23-at-122957-pm.png)

## Creating & Editing Menus

- Click Create Menu to add a new navigation item.

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/FMb6RehtxMn2HhKsYiFD9_screenshot-2025-05-23-at-123101-pm.png)
- Use Copy Menu to duplicate an existing menu structure.

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/dvKqXM4d-iPRTJQPg3csd_screenshot-2025-05-23-at-123720-pm.png)
- Drag and drop items to reorder them.

  ::Image[]{src="https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/hOTU2Trz_3QbExp3f2vLd_screenshot-2025-05-23-at-123955-pm.png" size="64" width="1501" height="615" position="center" darkWidth="1501" darkHeight="615" showCaption="false"}
- Click the **pencil** icon to edit or the **trash** icon to remove an item.

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/4nCRiwXjzzmgFGStlD79X_screenshot-2025-05-23-at-124107-pm.png)

## Using Nested Navigation

- Create submenus by dragging items under a parent item.
- This is useful for organizing pages under states, cities, or categories.
- Each menu item can include:
  - Name
  - Link
  - Active/Inactive status

    ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/drEivxQBXtkrw4jz1u12h_screenshot-2025-05-23-at-124502-pm.png)

## Managing Links

- Links can point to:
  - Internal pages (e.g., /storage-units-houston)
  - External URLs (e.g., [https://externalresource.com](https://externalresource.com))
- To create a non-clickable placeholder, use # as the link value.

## Toggling Visibility

- Use the eye icon to toggle whether a menu item is visible.
- Active = shown on the live website
- Inactive = hidden from visitors

  ![](https://api.archbee.com/api/optimize/_fbQ1jk8y-6t-s-DYY8Bo/cApQ_frmrfU8yFQrqrzB6_screenshot-2025-05-23-at-124655-pm.png)

## Best Practices & Tips for Menu Creation

- **Keep it simple and scannable**
  Limit the number of top-level menu items to 5–7 for a cleaner, easier-to-navigate interface.
- **Use clear, intuitive labels**
  Menu names should be short, descriptive, and relevant to your customers (e.g., “Storage Units” vs. “Explore Our Facility”).
- **Group related content**
  Use nested menus to organize by location, region, or category. Avoid overwhelming users with a long single-level list.
- **Prioritize most-used links**
  Put your most visited or highest-converting pages (like “Storage Units” or “Pay Bill”) near the top of the navigation.
- **Don’t link to empty pages**
  Avoid broken links or placeholder pages — always make sure linked pages are live and accurate.
- **Check your mobile view**
  Ensure the menu structure is mobile-friendly and doesn’t overcrowd the screen on smaller devices.
- **Use descriptive names for internal navigation**
  This helps you and your team manage the structure more easily behind the scenes.

*As always, if you have any questions during this process, our Customer Success Team is here to help. The best way to reach us is by submitting a support ticket.*

**[Submit a Ticket](https://d1s7s.share.hsforms.com/297GkKIsiTSmDgSKUYT9s2g)**