{"id":475,"date":"2022-07-03T08:37:59","date_gmt":"2022-07-03T08:37:59","guid":{"rendered":"https:\/\/bootscout.org.uk\/?page_id=475"},"modified":"2024-06-09T09:18:31","modified_gmt":"2024-06-09T09:18:31","slug":"navigation-bar","status":"publish","type":"page","link":"https:\/\/bootscout.org.uk\/index.php\/navigation-bar\/","title":{"rendered":"Navigation bar"},"content":{"rendered":"\n<p>The navigation bar supports your sites brand (text or logo), navigation and a search area. This guide will only cover customizing the navigation bar but additional changes can be made as part of WordPress full site editing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Setting a logo<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance -&gt; Editor<\/strong><\/li>\n\n\n\n<li>Click on <strong>Patterns -> Header<\/strong>, then click on the header.<\/li>\n\n\n\n<li>Click on the <strong>site title<\/strong>. This should have the same text you named your site. Once clicked some formatting options will come up.<\/li>\n\n\n\n<li>Click on the site title symbol (it looks similar to a location symbol on a map).<\/li>\n\n\n\n<li>Transform the site title into a site logo.<\/li>\n\n\n\n<li>(If you have not set a logo) Click on the upload symbol and select or upload the site logo you wish to use.<\/li>\n\n\n\n<li>Click save, located at the top right of the window.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Setting \/ creating a navigation menu<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance -&gt; Editor<\/strong><\/li>\n\n\n\n<li>Click on the navigation bar and then click on the menu in the center of the navigation bar<\/li>\n\n\n\n<li>Click <strong>select menu<\/strong>\n<ol class=\"wp-block-list\">\n<li>If a menu already exists, that can be selected now<\/li>\n\n\n\n<li>Alternatively, select create new menu if you wish to create a menu from scratch. The plus icon can be used to add new menu items<\/li>\n<\/ol>\n<\/li>\n\n\n\n<li>Click save, located at the top right of the window<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Changing the navigation bar design<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance -&gt; Editor<\/strong><\/li>\n\n\n\n<li>Click on <strong>Patterns -> Header<\/strong>, then click on the header<\/li>\n\n\n\n<li>Make the changes to the navigation bar as you would with designing a regular page content. Pre-made navigation bar designs can be found in <strong>block inserter -> patterns -> Bootscout<\/strong>. The block inserter is can be opened by pressing the plus icon, located on the top left of the page. The default design is called header 1.<\/li>\n\n\n\n<li>Click save, located at the top right of the window<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Resetting the navigation bar to default<\/h2>\n\n\n\n<p>WordPress 5.9 introduced theme parts which we are using for the navigation bar. If an update for Bootscout makes a change to the navigation bar this may not automatically apply to the navigation bar on your site. If this happens, or you need to reset the navigation bar to default, then follow the following steps. <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to <strong>Appearance -&gt; Editor<\/strong><\/li>\n\n\n\n<li>Click on <strong>Patterns -> Header<\/strong>, then click on the header<\/li>\n\n\n\n<li>In the settings panel on the right of the page click on <strong>template part<\/strong><\/li>\n\n\n\n<li>Click the three dots next to header before clicking <strong>clear<\/strong> <strong>customizations<\/strong><\/li>\n\n\n\n<li>Click save, located at the top right of the window<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>The navigation bar supports your sites brand (text or logo), navigation and a search area. This guide will only cover customizing the navigation bar but additional changes can be made as part of WordPress full site editing. Setting a logo Setting \/ creating a navigation menu Changing the navigation bar design Resetting the navigation bar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-475","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/comments?post=475"}],"version-history":[{"count":7,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/475\/revisions"}],"predecessor-version":[{"id":761,"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/pages\/475\/revisions\/761"}],"wp:attachment":[{"href":"https:\/\/bootscout.org.uk\/index.php\/wp-json\/wp\/v2\/media?parent=475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}