Creating a navigation menu
Valid for MyWebsite Now.
Navigation menus guide visitors through your MyWebsite Now project. This article explains how to create the navigation menu for your online project.
Open the MyWebsite Now editor
- Log in to your IONOS account.
- In the title bar click on Menu > Websites & Stores.
- If you have multiple contracts, click on Manage website in the tile with the name of your online project.
The Presence Suite for this project opens. - In the left menu bar of the Presence Suite, select Website > Website Editor. The MyWebsite Now Editor opens in a new window.
Add navigation to header and footer
Standard navigation
A default navigation is created from the page structure that you have defined via the MyWebsite Now menu item Pages. The Help Center article "Managing pages" explains how to do this. The default navigation can only contain pages from your MyWebsite Now project.
To select a default navigation in the header and footer:
- Click on Content in the menu bar of the MyWebsite Now website editor.
- In the live website preview of the header or footer, move the mouse pointer over the top right-hand corner of the navigation until the Manage and Style buttons are displayed.
- Click on Manage > Default. The default navigation is used.
Custom navigation
Custom navigation can contain links to other destinations in addition to the pages of your MyWebsite Now project. To create a custom navigation in the header and footer:
- Click on Content in the menu bar of the MyWebsite Now editor.
- In the live website preview of the header or footer, move the mouse pointer over the top right-hand corner of the navigation until the Manage and Style buttons are displayed.
- Click on Manage > Custom. A menu appears in which you can add navigation elements.
- Click the Add button to create a navigation element. A placeholder is created that still needs to be customized.
The newly created navigation element contains icons for further editing:
- Pencil icon: Opens an additional toolbar that shows you the available options or destinations for the navigation element:
- Website: existing page from your MyWebsite Now project
- External: link to an webpage
- Email: mailto link to an email address
- Phone: callable phone number
- WhatsApp: more details on the setup can be found in the Help Center article "Using WhatsApp with MyWebsite Now"
- Store: category or products of your shop. Please note that the shop must be included in your tariff. - Trash icon: Deletes the navigation element.
- Arrow symbol: Allows you to move the navigation element by holding down the left mouse button.
Once you have created all navigation elements, finish your editing with Done.
Add navigation to any section
To add a navigation to any section:
- Move your mouse pointer over a section of your MyWebsite Now project. A toolbar will appear in the top left-hand corner of the section.
- Click on Elements in this toolbar. Plus icons will appear in the active section to which you can add new elements.
- Click on the desired plus symbol and a toolbar will appear.
- Select the navigation symbol from the toolbar.
- Finalize your placement with Done.
The navigation type (standard navigation or customized navigation) is selected in the same way as described in the previous section "Add navigation to header and footer".
Edit navigation layout
You can apply the following steps to a navigation menu in the header and footer, as well as in a section:
- To edit a navigation menu, move your mouse pointer over it until the Manage and Style buttons appear in the top right-hand corner of the navigation element.
- Click on Style. A toolbar appears containing further editing options for the navigation elements:
- Font: Different fonts
- Size: Font size in three different levels
- Color: Color scheme
- Highlight: Fill and shape
- Number: Number of visible entries
- Spacing: Distance between the navigation element and its neighbors, as well as between the element and its borders
- Orientation: Horizontal or vertical arrangement of the navigation elements - Finish your editing with Done.
Show or hide navigation menu
To show or hide the navigation:
Move your mouse pointer over the section in which you have placed the navigation. The Elements button appears in the top left-hand corner of the section.
Click on the Elements button. Depending on where the navigation was placed, the options column Header options, Footer options or Section options is displayed.
Select the Elements tab in the Section options column. An overview of the elements used in this section is displayed. Use the eye symbol next to each element to control the visibility of the respective element.
Click on the eye symbol:
Eye symbol highlighted in color: Navigation is displayed
Eye symbol crossed out: Navigation is not displayed.Click on the Done button to save your changes.
