The items in the drop-down menus in the main navigation are automatically generated by default. Menus will be generated for all default pages and custom pages that have sub-pages. The default menus are rendered in a simple format, containing text links structured as a list in the vertical orientation.
The DecoNetwork Website Editor gives you the flexibility to customize your menus and build feature-rich mega menus that let your customers easily find what they are looking for. You can add custom content. including images, icons, and links using widgets. You can configure the layout and design of the content using the design settings, and configure the style definitions of the content using the Style Editor.
To customize your drop-down menu:
- Click on the DESIGN button in the Website Editor Toolbar.
- Click on the PAGE OPTIONS menu item.
The PAGE OPTIONS settings are displayed.
- Scroll to the Header section and locate the Dropdown menu setting.
- Select one of the following options from the Dropdown menu setting:
- Specify Width (System Pages): makes the drop-down menu customizable and allows you to specify its width.
- Content Width (System Pages): makes the drop-down menu customizable and makes its width fit the content.
- Page Width (System Pages): makes the drop-down menu customizable and makes its width the full width of the page.
- Click the Save button at the right of the Page Settings Bar.
- Click the OK button when saving is complete.
- Click on the PAGES button in the Website Editor Toolbar.
- Scroll down to the SYSTEM PAGES section and click on the + symbol to expand the Dropdown Menus tab.
- Click on the menu item you want to edit.
The menu is displayed in the Content Area as you would see it when it is expanded, containing default content. The content is a widget that you can customize. For example, the Designs Page menu contains the Designs Categories Widget by default.
- Customize the properties and design of the default widget in the menu.
- Move the mouse pointer over the widget.
The widget's controls will be displayed.
- Click on the down arrow beside the widget icon.
- Choose the Settings item from the drop-down menu.
The Settings popup will be displayed, with the Properties tab selected.
- Configure the widget's properties.
- Click on the Design tab to configure the widget's layout and design.
- Select from one of the pre-configured layout options.
- Configure the rest of the design options for the selected layout.
- Click OK in the Settings popup.
- Move the mouse pointer over the widget.
- Customize the style definitions of the menu.
- Click on the DESIGN button in the Website Editor Toolbar.
- Click on the STYLE EDITOR menu item.
The style settings are displayed.
- Configure the style settings.
Click here for details about each of the settings.
- Optionally, add content to the menu as desired by adding widgets and configuring the settings as you would when customizing an entire page. Alternatively, fully customize the menu by replacing the default content.
Click here for an example of how to create a specific custom menu design - the mega menu.
- Click on the Save button and then click on the Publish button at the right of the Page Settings Bar.
Comments
2 comments
There is no Dropdown menu option under System Pages.
Hi Harrison,
The Dropdown Menus option will only be available if you select one of the options specified in step 3.
Please sign in to leave a comment.