GoDaddy Support

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

  1. Log in to your Website Builder account.
  2. Click Edit Site.

    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.
    Navigation Icon

  3. 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.)
    Click near edge of menu pane, then click Settings.
  4. In the Navigation Settings window, use the Options section to:
    Use Options section to set menu's orientation, alignment and spacing.
    • 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.
  5. From the Theme menu, select the theme you want to use for your navigation.
  6. 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.

  7. 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.
    Pick a color and click Select.

    NOTE: Click Advanced to specify a color using Hex, RGB or HSV values.

  8. 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.
    Click Edit Menu to change its order or add items.
  9. 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.
  10. Take a look at your new menu's appearance.
    The menu with its new settings.
  11. If you want to tweak it, go back to Step 4. Once you're happy with the results, click Publish to update your site online.

NOTE: For a linked list of Website Builder v7's other major tasks, see Using Website Builder v7.

NEED HELP? Call our award-winning support team 24/7 at (480) 505-8877
Submit

United States - English
Traffic Log Image