Skip to main content

Customizing Your Site Menu and Navigation

This article will guide you on how to manage menu items.

Gil Chan avatar
Written by Gil Chan
Updated yesterday

Overview

The menu is your site's main navigation. You can customize which items appear, their order, and create dropdown menus to organize your content.


Accessing Menu Settings

  1. Go to your CraftedStays dashboard

  2. Click on Site > Manage Template > Edit

  3. Click on Menu section

  4. Click "Edit Menu Items"


Default Menu Structure

A typical default menu includes:

  • Destinations - Dropdown of all properties

  • Featured - Link to featured properties

  • Logo - Your logo (always stays at root level)

  • Blogs - Link to blog page (if you have Marketing Hub)

  • Book Now - Booking call-to-action


Menu Item Types

Type

Description

Properties

Dropdown showing all or selected properties

Page

Link to a specific page (home, search, blogs, etc.)

Logo

Your site logo (can only be at root level)

Book Now

Call-to-action button

Link

Custom link to any URL

Container

Groups items into a dropdown


How to Edit Menu Items

Adding a Menu Item

  1. In the menu editor, click "Add Root"

  2. Select the item type

  3. Enter the title/label

  4. Configure any additional options

  5. Save changes

Removing a Menu Item

  1. Find the item in the menu editor

  2. Click the delete/remove icon

  3. Confirm deletion

  4. Save changes
    ​

Reordering Menu Items

  1. Drag and drop items to reorder

  2. Items can be nested under containers for dropdowns

  3. Save changes when done

Creating a Dropdown Menu

  1. Add a Container item

  2. Give it a title (e.g., "Explore")

  3. Drag other items under the container

  4. These items will appear in a dropdown
    ​


Properties Dropdown Configuration

You can configure how properties appear in your menu:

Show All Properties

  • Type: Properties

  • Mode: "All"

  • Shows every active property in dropdown

Show Selected Properties

  • Type: Properties

  • Mode: "Selected"

  • Choose specific properties to display
    ​

Link to Search Page

Instead of a dropdown, link directly to your search page:

  • Type: Page

  • Page: Search
    ​


Logo Placement

Important: The logo can only be at the root level of your menu (not nested inside other items).

The logo position is determined by surrounding items:

  • Items before logo = appear on left

  • Logo = center

  • Items after logo = appear on right

You can use the placeholder menu to separate logo or book now button from other menu items.


Troubleshooting

Menu not updating

  1. Save your changes

  2. Clear your browser cache

  3. View your site in incognito mode

  4. Wait a few minutes for changes to deploy

Properties dropdown empty

  1. Make sure you have properties imported

  2. Check that properties are marked as "active"

  3. Verify the menu item mode (All vs Selected)

Menu items overlapping

  1. Try reducing the number of top-level items

  2. Use dropdowns (containers) to group items

  3. Use shorter titles for menu items

Mobile menu issues

  1. Test your site on mobile or use browser dev tools

  2. The mobile menu is automatically generated from your desktop menu

  3. Long menus may need reorganization


Best Practices

  1. Keep it simple - 5-7 top-level items maximum

  2. Use clear labels - "Our Properties" is better than "Destinations"

  3. Prioritize - Most important items should be visible, not buried

  4. Test on mobile - Make sure navigation works on phones

  5. Include Book Now - Make it easy for guests to book


Related Articles

Did this answer your question?