Navigation menu

Menu options:

Menu navigation options

Different sites and different requirements will at times mean you need more than a standard page for your menu. Below we cover what each are for, and how they can be used.

Here’s an example of a navigation menu using these options:

Working example:

Add new item

1. Click the 'Page' option in the top left corner of Limecube to expand the pages menu.
2. Click 'Add New' in the bottom left corner.

This will open different options for creating a page or menu item. Each option is covered in detail below.

New page

Selecting "New page" allows you to create a new page with content. After choosing this option, you’ll be presented with various settings to customise your new page.

Once you have completed all necessary options, click appy and you can start setting up your page.

New blog post

Select "New blog post" when you want to create a new blog post, article, or news item. After choosing this option, you’ll be presented with various settings to customise your new blog post.

Once you have completed all necessary options, click appy and you can start setting up your post.

Internal link

Select "Internal link" to create a new menu item that links to an existing page on your site. After choosing this option, you’ll be presented with various settings to configure your internal link.

Show on Navigation Menu in the header:

Ensure to select 'show on menu' by clicking on the three dots next to the item in the menu. This is not set by default to allow for further setup.

External link

Select "External link" to create a new menu item that links to an external website. After choosing this option, you’ll be presented with the following settings:

Show on Navigation Menu in the header:

Ensure to select 'show on menu' by clicking on the three dots next to the item in the menu. This is not set by default to allow for further setup.

Placeholder

Select "Placeholder" to create a menu item that acts as a point for organizing sub-items, without containing content itself. For example, "Services" could be a placeholder with individual service pages listed underneath.

Show on Navigation Menu in the header:

Ensure to select 'show on menu' by clicking on the three dots next to the item in the menu. This is not set by default to allow for further setup.

Page anchor

Select "Page Anchor" to create a menu item that links to a specific section of the same page or another page. This is useful for one-page websites with a top menu that navigates to different sections.

Show on Navigation Menu in the header:

Ensure to select 'show on menu' by clicking on the three dots next to the item in the menu. This is not set by default to allow for further setup.

Editing your menu

To edit your menu:

1. Click on the Pages menu in the top left corner of Limecube.
2. Hover over the page you want to edit and click on the three dots.
3. Options available:
   1. Edit Page: Modify the page content.
   2. Add New: Create a new page.
   3. Duplicate: Make a copy of the page.
   4. Settings: Adjust the page name and URL, and access other tabs like SEO fields and Social Graphs.
   5. Delete: Remove the page.
   6. Set as Homepage: Replace your current homepage with this page.

In the Settings tab, you can change the page name and URL. In the SEO fields tab, enter the meta title and description and manage indexing options. The Social Graphs tab lets you set titles, descriptions, and images for social media sharing.

This help video shows how to edit the Limecube navigation menu.

Reordering your header menu navigation

To reorder your menu items:

1. Click on the Pages menu.
2. Hover over the page you want to move.
3. Look for the eight small dots on the left-hand side.
4. Hover over the dots, and you'll see a tip for drag and drop.
5. Grab the dots and move the page to the desired position.
6. To make a sub-page, drag the item slightly to the right under the main page.

It can be a bit tricky, so ensure you get the angle right for sub-pages.

This help video shows you how to change the order of your navigation menu using drag 'n drop.

Making a Page Active

When you first create a page, it will not be active, allowing you to work on it privately.

To make the page active for public viewing:

1. Top Admin Bar: Hover over 'Publish' in the top right corner.
2. Turn 'Publish' On: Activate the page for public view. If not activated, it will show a 404 error.

To make a page inactive:

1. Repeat Steps Above: Hover over 'Publish' and turn it 'Off'. This will result in a 404 error for anyone trying to view the page.

Publishing a page to the navigation menu in the header

Simply making a page active won't display it in the top navigation menu. Here's how to show a page on the menu:

1. Top Admin Bar: Hover over 'Publish' in the top right corner.
2. Turn 'Show on Menu' On: Activating this will display the page on the navigation menu. If not activated, the page will function but not appear in the menu.

Publishing a 'Placeholder' menu item

Placeholder menu items don't contain a page, so the process to publish them to the menu is slightly different:

1. Hover Over the 3 Dots: On the placeholder menu item.
2. Click 'Show on Menu': This will publish your placeholder to the navigation menu.

Tips for Best Practices for Navigation Menus

1. Keep it Simple: Use clear, concise labels for menu items.
2. Limit Menu Items: Avoid clutter by limiting the number of top-level menu items. Use sub-menus for additional pages.
3. Use Descriptive Labels: Make sure menu labels are descriptive and informative, helping users understand where each link will take them.
4. Prioritise Important Pages: Place the most important pages in prominent positions (e.g., the beginning or end of the menu).
5. Consistent Order: Maintain a consistent order for navigation items across all pages.

Below are 3 examples of clean well structured nav menus:

Corporate Site Navigation Menu

Educational Site Navigation Menu

E-commerce Site Navigation Menu

Troubleshooting