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
- Go to Page Builder > Menu
- The menu editor opens
Add menu items
Create a new item
- Click Add menu item
- 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
Menu item settings
| Field | Description |
|---|---|
| Label | Text shown in the menu |
| Link | Destination of the item |
| Open in new tab | Recommended for external links |
Menu structure
Change order
- Click and hold a menu item
- Drag it to the desired position
- Release
Create submenus
For dropdowns:
- Create the parent item
- Drag child items under the parent
- Indent them to the right
Example structure:
├── Home
├── About
│ ├── History
│ ├── Team
│ └── Contact
├── Prayer times
├── News
├── Events
└── DonateRecommended menus
Small mosques
├── Home
├── Prayer times
├── News
├── ContactLarger mosques
├── Home
├── About
│ ├── History
│ ├── Board
│ └── Charter
├── Prayer times
├── News & Events
│ ├── News
│ └── Events
├── Programs
│ ├── Quran classes
│ ├── Arabic course
│ └── Youth group
├── Donate
└── ContactMobile 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
- Make your changes
- Click Save
- The navigation updates immediately