You can choose which items are visible in the menu and which icon is displayed for each. You can set a minimum of two and a maximum of four menu items. This applies to both the mobile and desktop view. If there is only one menu item, it will not be displayed on the community website. Below you will find an example of the menu bar on a mobile phone:
Setting Up Menu Items
By arranging the pages in Dialogue, you can determine which menu items are shown on the community website.
Go to Dialogue and expand the menu.
Right-click on the house icon. An extra menu will open.
The fifth option in this menu is 'Sort'. Click on it.
Now, you will see all your pages in order. The first four pages will be displayed in the menu of the community website. You can change the order by dragging pages up or down. Then, click 'Save'.
Extra option: If you want to display fewer than four menu items, you can hide certain pages. In the left menu, go to the page you want to hide and click on it. Scroll down to 'Hide this page in the menu'. Select this option, then click 'Save and publish'.
Setting an Icon per Menu Item
You can choose which icon is displayed for each menu item.
In Dialogue, go to the left menu and select the page for which you want to set an icon.
Click on the page and scroll down. Under 'Icon', you have the option to insert an HTML code.
Go to the website https://fontawesome.com/icons and choose a suitable icon. Only the PRO+ icons cannot be used.
Click on the icon and then on the HTML code to copy it.
Return to Dialogue and paste the HTML code under 'Icon'.
- Remove
<i class=""></i>so that you only keep, for example,fa-light fa-calendar. In the example below, only the green text should remain:
Click 'Save and publish'.
Recommendations for Menu Items
For the menu items Home, Themes, Insights, and Profile, we recommend the following icons:
-
Home:
HTML code:
fa-solid fa-house
-
Themes:
HTML code:
fa-solid fa-comments
-
Insights:
HTML code:
fa-solid fa-square-poll-vertical
-
Profile:
HTML code:
fa-solid fa-user