Set up navigation

Design the menu for your mosque website.

Set up navigation

Clear navigation helps visitors find their way around your site.

Open the menu editor

  1. Go to Page Builder > Menu
  2. The menu editor opens

Add menu items

Create a new item

  1. Click Add menu item
  2. Choose the type:
    • Page: Link to a Page Builder page
    • External link: Link to an external URL
    • Anchor: Jump to a section on the page
FieldDescription
LabelText shown in the menu
LinkDestination of the item
Open in new tabRecommended for external links

Change order

  1. Click and hold a menu item
  2. Drag it to the desired position
  3. Release

Create submenus

For dropdowns:

  1. Create the parent item
  2. Drag child items under the parent
  3. Indent them to the right

Example structure:

├── Home
├── About
│   ├── History
│   ├── Team
│   └── Contact
├── Prayer times
├── News
├── Events
└── Donate

Small mosques

├── Home
├── Prayer times
├── News
├── Contact

Larger mosques

├── Home
├── About
│   ├── History
│   ├── Board
│   └── Charter
├── Prayer times
├── News & Events
│   ├── News
│   └── Events
├── Programs
│   ├── Quran classes
│   ├── Arabic course
│   └── Youth group
├── Donate
└── Contact

Mobile navigation

Hamburger menu

On mobile, the menu automatically becomes a collapsible hamburger menu.

Mobile optimization

  • All items remain accessible
  • Submenus are expandable
  • Touch-friendly layout

Save the menu

  1. Make your changes
  2. Click Save
  3. The navigation updates immediately

Next steps