Add Side Navigation
Note: The Allianz Design Standard requires that side navigation only be used in conjunction with top navigation. If you haven't done so already, follow the steps outlined in the Add Top Navigation page before adding your side navigation section.
To add side navigation to a page, locate the topNav div:
Add the following HTML snippet immediately after the closing div tag of the topNav div:
When you have completed the previous step, your HTML code should look like the following:
Additional Notes
To customize your navigation menu, complete the following steps:
- Add additional list item (li) elements for each navigation option you'd like to expose.
- Replace the "#" for each menu items href attribute with the URL to the appropriate web page.
- Replace the placeholder "Link 1", "Link 2", etc. text with verbiage appropriate for your menu.
- Apply a class of "current" to the appropriate menu option for your current page.