Ask AI
How can we help? 👋

Menu & Navigation


This article outlines Menu and Navigation options for your website, detailing permanent navigation including main menus and submenus, shortcuts for easy access, and anchor menus for specific pages. It emphasizes the management of these elements through the website's dashboard and suggests contacting an expert for SEO-related changes.

There are twp Types of Menus available for Desktop, Menu items visible in the top bar (suckafish) or Hamburger. For both versions you can use different navigation tools within the website. 


Permanent Navigation

Main menu

Main menu items are visible at all times in your menu bar or within the Hamburger menu. These are set up during the implementation phase by a Peppered Consultant.

These items can be managed in the Menus module. As changes can possibly impact SEO, we advice you to contact our service desk.

Submenu

The Submenu's can be changed, deleted or added by you in the Peppered Dashboard.

The submenu shown for Theatre De Lawei
The submenu shown for Theatre De Lawei
🚧
Take note! If you want to add a new menu item make sure you have created your new page (or "Theme Group" or other page) first.

How to add new Submenu Item

Go to Website > Menu

The set up of the Menu on the website in the Dashboard
The set up of the Menu on the website in the Dashboard

As you can see, submenu titles can link to Pages  but also to Theme Groups.

Click on "Add menu item" and use drag and drop (icon on the right) to give it the right position.

Within the menu you can select to which menu part it belongs. Select the right type, add the title (visible in the menu behind the hamburger) and the URL information. If you select a submenu, the new menu item added will become a sub-submenu.

Adding a menu item under the item ‘Programma’
Adding a menu item under the item ‘Programma’

Shortcuts

⚠️
Take note! Shortcuts only work in combination with Hamburger menu on desktop

For menu-items that you want your visitors to have easy access to, you can add shortcuts to the header. In the picture below these are "theater/film/jouw bezoek". These links are visible in the header on all pages.

Shortcuts shown on the website underneath the service menu
Shortcuts shown on the website underneath the service menu

You can change them anytime you like. All you need to know is the URL of the link. The name of the link and the link itself need to be added via Website > Menu module > Shortcuts.

The shortcuts set-up in the Menu module in the Dashboard
The shortcuts set-up in the Menu module in the Dashboard

The shortcuts can also be placed between the logo and the service menu.

Shortcuts shown next to the service menu
Shortcuts shown next to the service menu

Ask a Peppered Consultant to change it for you as it involves a change in the code.


Anchors

It is also possible to add an extra navigation bar on a specific page. This is called an Anchor Menu. Each page in the Pages module can have its own menu, which will be displayed between the header of the website and the beginning of the page. This is especially useful for long pages. Thanks to the anchor link a visitor can go directly to the desired part of the page (without scrolling manually).

The page menu is shown here in grey under the main menu:

An anchor on a page for easy navigation
An anchor on a page for easy navigation

Hamburger menu only on mobile

Some websites do not have a hamburger icon on desktop. The menu items are displayed in a navigation bar:

The navigation bar instead of a hamburger menu on desktop
The navigation bar instead of a hamburger menu on desktop

In this version there are no shortcut links in the header.

The hamburger icon is only displayed on mobile.

For the rest: submenus and anchors can be added the same way as with the first version.


Related articles

 
Did this answer your question?
😞
😐
🤩