{"id":555,"date":"2018-09-19T04:47:14","date_gmt":"2018-09-19T04:47:14","guid":{"rendered":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/?p=555"},"modified":"2018-09-19T04:47:14","modified_gmt":"2018-09-19T04:47:14","slug":"customize-your-navigation-menus-website-builder-7","status":"publish","type":"post","link":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/customize-your-navigation-menus-website-builder-7\/","title":{"rendered":"Customize your navigation menus &#8211; Website Builder 7"},"content":{"rendered":"<p><a href=\"https:\/\/www.cheapdomainregistration.com\/cheap-website-builder.html\">Website Builder<\/a> lets you customize how your website&#8217;s menu navigation links display, including their style, orientation, and alignment.<\/p>\n<ol>\n<li>Log in to<a href=\"https:\/\/www.cheapdomainregistration.com\/\"> your cheap domain registration .com account<\/a>.<\/li>\n<li>In your\u00a0<strong>Products<\/strong>\u00a0list click\u00a0<strong>Website Builder<\/strong>, and then click\u00a0<strong>Manage\u00a0<\/strong>next to the account you want to use.<\/li>\n<li>Click\u00a0<strong>Edit Site<\/strong>.\n<p class=\"note\">\u00a0<strong>Note:<\/strong>\u00a0If your website does not yet have a navigation menu, get started by dragging the Navigation tool from the left-hand toolbar onto any page.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img1.wsimg.com\/help\/images\/wsb\/Icons\/navigation.jpg\" alt=\"Navigation Icon\" width=\"100\" height=\"27\" \/><\/p>\n<\/li>\n<li>Click on your website&#8217;s menu\/navigation pane (without clicking any of its links) and click\u00a0<strong>Settings<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/041415\/wsb7_navigationsettings.png\" alt=\"Click the navigation pane (but not any of its links) and then click Settings.\n\" width=\"173\" height=\"139\" \/><\/li>\n<li>In the\u00a0<strong>Navigation Settings<\/strong>\u00a0window, use the\u00a0<strong>Options<\/strong>\u00a0section to:<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/102714\/wsb_menucustom_02.png\" alt=\"Use Options section to set menu's orientation, alignment and spacing.\n\" width=\"196\" height=\"57\" \/><\/p>\n<ul>\n<li>Set the orientation of your navigation links with the first two buttons to display a\u00a0<strong>Horizontal Menu<\/strong>\u00a0or a\u00a0<strong>Vertical Menu<\/strong>.<\/li>\n<li>Align your navigation buttons or text labels using the next two buttons.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/032615\/wsb7_navigationbuttons.png\" alt=\"Use the menu to choose the alignment for your navitation buttons\" width=\"101\" height=\"139\" \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/032615\/wsb7_navigationtext.png\" alt=\"Use the menu to choose the alignment for your navitation text labels\" width=\"101\" height=\"115\" \/><\/li>\n<li>Turn on\/off equal spacing for your navigation buttons or labels using the section&#8217;s last button.<\/li>\n<\/ul>\n<\/li>\n<li>From the\u00a0<strong>Theme<\/strong>\u00a0menu, select the theme you want to use for your navigation.<\/li>\n<li>In the\u00a0<strong>Font<\/strong>\u00a0section, you can change the font style and size of the text in your navigation menu.\n<p class=\"note\">\u00a0<strong>Note:<\/strong>\u00a0Changing 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.<\/p>\n<\/li>\n<li>Click the boxes in the next section to change the color for the text and background elements of your menu buttons:\u00a0<strong>Text<\/strong>,\u00a0<strong>Hover\u00a0<\/strong>(text) and\u00a0<strong>Selected\u00a0<\/strong>(text);\u00a0<strong>Background<\/strong>,\u00a0<strong>Hover<\/strong>\u00a0(background) and\u00a0<strong>Selected<\/strong>(background). Click the color you want to display for each of the six buttons (though you don&#8217;t have to set them all) and click\u00a0<strong>Select<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/102714\/wsb_menucustom_03.png\" alt=\"Pick a color and click Select.\n\" width=\"124\" height=\"140\" \/><\/p>\n<p class=\"note\">\u00a0<strong>Note:<\/strong>\u00a0Click\u00a0<strong>Advanced<\/strong>\u00a0to specify a color using Hex, RGB or HSV values.<\/p>\n<\/li>\n<li>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\u00a0<strong>Edit Menu<\/strong>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/102714\/wsb_menucustom_04.png\" alt=\"Click Edit Menu to change its order or add items.\n\" width=\"252\" height=\"143\" \/><\/li>\n<li>Edit your menus (<a href=\"https:\/\/www.secureserver.net\/help\/article\/8353?prog_id=ifindhost\">more info<\/a>). To abandon your menu edits and revert to your previous settings, click\u00a0<strong>Revert to original<\/strong>. Otherwise, click\u00a0<strong>Save<\/strong>, and close the window.<\/li>\n<li>Take a look at your new menu&#8217;s appearance.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/img4.wsimg.com\/support\/images\/wsb7\/8355\/102714\/wsb_menucustom_05.png\" alt=\"The menu with its new settings.\n\" width=\"173\" height=\"53\" \/><\/li>\n<li>If you want to tweak it, go back to Step 4. Once you&#8217;re happy with the results, click\u00a0<strong>Publish<\/strong>\u00a0to update your site online.<\/li>\n<\/ol>\n<h2>Next step<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.secureserver.net\/help\/article\/8354?prog_id=ifindhost&amp;locale=en\">Publish my website<\/a><\/li>\n<li><a href=\"https:\/\/www.secureserver.net\/help\/article\/16526?prog_id=ifindhost&amp;locale=en\">Print site pages<\/a><\/li>\n<\/ul>\n<h2>More Info<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.secureserver.net\/help\/article\/8353?prog_id=ifindhost&amp;locale=en\">Organize pages with navigation menus<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Website Builder lets you customize how your website&#8217;s menu navigation links display, including their style, orientation, and alignment. Log in to your cheap domain registration .com account. In your\u00a0Products\u00a0list click\u00a0Website Builder, and then click\u00a0Manage\u00a0next to the account you want to<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[244],"tags":[250],"class_list":["post-555","post","type-post","status-publish","format-standard","hentry","category-website-builder-v7","tag-website-builder-lets-you-customize-how-your-websites-menu-navigation-links-display"],"_links":{"self":[{"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/posts\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":1,"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/posts\/555\/revisions"}],"predecessor-version":[{"id":556,"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/posts\/555\/revisions\/556"}],"wp:attachment":[{"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/categories?post=555"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cheapdomainregistration.com\/cheap-domain\/wp-json\/wp\/v2\/tags?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}