How to Create & Edit Website Menus: Step-by-Step Navigation Guide

How to Create and Edit Your Website's Navigation Menu

Follow this step-by-step guide to create/update or customize your website’s menu/navigation.

Step 1: Log In

Sign in to your account at app.vacationlabs.com/signin.

Step 2: Access the Navigation Editor

  1. Navigate to WEBSITE > PAGES > Header & Navigation.

  2. This section displays your current menu structure.


Adding New Navigation Items

Step 3: Creating Menu Entries

Option A: Internal Pages

  1. Click SELECT EXISTING LINK dropdown
  2. Browse through available:
    • Tour packages
    • Collection pages
    • Static content pages
  3. Select your desired destination

Option B: External Resources

  1. Paste the complete URL (including https://)

  2. Ideal for:

    • Blog articles

    • Partner websites

    • External resources

Enter a concise LINK TITLE (avoid long text; it may truncate).

IdeaInfoPro Tip: To create a non-clickable dropdown header, add a Link title but leave the link field empty.




  • Check OPEN IN NEW WINDOW if the link should open in a new tab.

Click ADD LINK to save.


Menu Organization Techniques

Structuring Your Navigation

Reordering Items

  • Locate the six-dot handle (⋮⋮) beside each menu item

  • Click, hold and drag to desired position

  • Visual guidelines will appear during dragging

Building Hierarchies

  1. Drag item rightward to indent beneath parent
  2. Alternatively use the arrow icon to create submenus
  3. Remember: Parent items should remain unlinked for clean dropdowns
  4. Limit nesting to 2 levels for optimal usability

Maintenance and Updates

To modify current navigation:

  1. Identify the pencil/edit icon adjacent to the target item

  2. Update either:

    • The displayed LINK TITLE

    • The destination URL

  3. Confirm changes by clicking EDIT LINK

  4. Always select SAVE to preserve modifications


Removing Menu Items

For menu cleanup:

  • Click the trash can icon next to unwanted links

  • Reorganize remaining items as needed




    • Related Articles

    • How to edit/modify Footer in Vacation Labs

      Along with your website header, the website footer is equally important for any website. It allows you to show a brief summary of all your website content in short. Most of the customer prefer website footer as the first place on your website to get ...

    • How to view/edit bookings

      The Bookings section is your central hub for managing all reservations, whether they were made online by a customer or offline by your team. This guide will show you how to access, view, and edit booking details. Accessing the Bookings List From the ...

    • How to edit/add testimonials?

      To Edit Testimonials please follow the below steps, Login into Vacation labs Click on Website Click on Pages Select the page on which the testimonial needs to be added/edited Click on Testimonial Click on the Name of the testimonial to edit Edit the ...

    • How to create Custom HTML sections for Trip Pages?

      Overview Adding a Custom HTML section Enable the "Show as Full Section" option for the field Adding a Custom HTML Section To add a Custom HTML section, go to Settings > Trip Custom Form, then click on Add New Field After that, choose Field Type as ...

    • What is a Tour Card section on website?

      The Tour Card section in Vacation Labs allows you to display your tours in a card layout on static pages or Home page of your website. Each card typically includes the tour name, banner image, starting price, dates or availability, and a ...