Customizing Your Navigation Menus with Website Builder v7
NOTE: This article is for Website Builder version 7. Your version displays at the top of the screen when you log in to your Website Builder account. Not using version 7? Search for Website Builder version 6 articles.
Website Builder v7 lets you customize how your website's menu navigation links display, including their style, orientation, and alignment. Also see Organizing Pages With Navigation Menus in Website Builder v7 to learn how to reorder menus and add submenus.
To Customize Page Navigation Menus with Website Builder v7
- Log in to your Website Builder account.
- Click Edit Website.
NOTE: If your website does not yet have a navigation menu, get started by dragging the Navigation tool from the left-hand toolbar onto any page.
- Click near the edge your website's menu/navigation pane and click Settings. (Avoid clicking on a specific link; that will take you to the specific page.)
- In the Navigation Settings window, use the Options section to:
- Select to display your navigation links in a Horizontal Menu or a Vertical Menu.
- From the Button Alignment menu, select how you want your navigation buttons to line up within the navigation area.
- From the Text Alignment menu, select how you want the text on your navigation buttons to line up within each button.
- Click Equal Width to turn on/off equal spacing for your navigation buttons.
- From the Theme menu, select the theme you want to use for your navigation.
- In the Font section, you can change the font style and size of the text in your navigation menu.
NOTE: Changing the font and size of the text in your navigation does not affect the font and size of the text in the submenus. You cannot change the submenu font.
- Click the Color Swatch to change the color for the text and background elements of your menu buttons: Text, Hover (text) and Selected (text); Background, Hover (background) and Selected (background). Click the color you want to display for each of the six buttons (though you don't have to set them all) and click Select.
NOTE: Click Advanced to specify a color using Hex, RGB or HSV values.
- If you need to change the order of your menu items, add submenus (sometimes referred to as sub-navigation) or add a new menu item, click Edit Menu.
- Edit your menus (more info). To abandon your menu edits and revert to your previous settings, click Revert to original. Otherwise, click Save and close the window.
- Take a look at your new menu's appearance.
- If you want to tweak it, go back to Step 4. Once you're happy with the results, click Publish to update your Website online.
NOTE: For a linked list of Website Builder v7's other major tasks, see Using Website Builder v7.