{"id":68,"date":"2014-03-09T14:21:52","date_gmt":"2014-03-09T14:21:52","guid":{"rendered":"http:\/\/themes.themegoods.com\/capella\/doc\/?p=68"},"modified":"2014-08-13T08:00:39","modified_gmt":"2014-08-13T08:00:39","slug":"setting-up-menu","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/capella\/doc\/setting-up-menu\/","title":{"rendered":"Setting up Menu"},"content":{"rendered":"<p>Theme\u00a0Support custom WordPress menu, you can organise them into dropdown menu too. You can also change its style, background color, sub menu color and many other using theme admin panel.<\/p>\n<h3><img class=\"alignnone size-full wp-image-71\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM.png\" alt=\"Screen Shot 2557-03-09 at 9.29.16 PM\" width=\"1103\" height=\"462\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM.png 1103w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-300x125.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-1024x428.png 1024w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-60x25.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-150x62.png 150w\" sizes=\"(max-width: 1103px) 100vw, 1103px\" \/><\/h3>\n<h3>Setup main\u00a0menu<\/h3>\n<ol>\n<li>Go to Appearance &gt; Menus. Click &#8220;Create Menu&#8221; button<\/li>\n<li>To add menu items, select one of your pages\/posts on the left hand boxes. Then click &#8220;Add To Menu&#8221;.<\/li>\n<li>If you want to add custom link menu item (for example home link). Select &#8220;Links&#8221; and enter URL, Link Text there.<\/li>\n<li>You can organise your menu items using drag&amp;drop\u00a0functionality. Simple drag a menu item right below to the parent menu item.<\/li>\n<li>After setting up your menu, scroll down to the bottom of the page then assign the menu to <strong>&#8220;Primary Menu&#8221;<\/strong> in the Theme Locations box.<\/li>\n<\/ol>\n<p>For those who are not familiar with WordPress menu system below are video tutorial.<\/p>\n<p><iframe src=\"\/\/www.youtube.com\/embed\/3TkXaoMIzQ4\" width=\"660\" height=\"371\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<h3>Setup Menu Colors<\/h3>\n<p><img class=\"alignnone wp-image-556 size-full\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-06-26-at-12.26.13-PM.png\" alt=\"Screen Shot 2557-06-26 at 12.26.13 PM\" width=\"525\" height=\"1087\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-06-26-at-12.26.13-PM.png 525w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-06-26-at-12.26.13-PM-494x1024.png 494w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-06-26-at-12.26.13-PM-72x150.png 72w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>You can change menu background, font colors, font family, size and etc. using theme admin panel. Go to <strong>Theme Settings &gt; Header &gt; Menu Settings<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-79\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.36.52-PM.png\" alt=\"Screen Shot 2557-03-09 at 9.36.52 PM\" width=\"523\" height=\"500\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.36.52-PM.png 523w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.36.52-PM-300x286.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.36.52-PM-60x57.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.36.52-PM-150x143.png 150w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/p>\n<p>You can also change sub menu \u00a0background, font colors, font family, size and etc too. Simple scroll down below main menu options. Once you finish customising. Click &#8220;Save All Changes&#8221;.<\/p>\n<h3>\u00a0Sticky Menu<\/h3>\n<p><img class=\"alignnone wp-image-558 size-full\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot4.png\" alt=\"shot4\" width=\"523\" height=\"173\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot4.png 523w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot4-300x99.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot4-60x19.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot4-150x49.png 150w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/p>\n<p>Proxima has Sticky menu option. If you enable this, when visitor scroll down on website. Main menu will display at the top of page. Also there is an option &#8220;Use border bottom color for active menu item&#8221; if you enable this option. The current menu item will display active border bottom in it.<\/p>\n<h3>Live Search<\/h3>\n<p><img class=\"alignnone size-full wp-image-87\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.44.22-PM.png\" alt=\"Screen Shot 2557-03-09 at 9.44.22 PM\" width=\"522\" height=\"219\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.44.22-PM.png 522w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.44.22-PM-300x125.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.44.22-PM-60x25.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.44.22-PM-150x62.png 150w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/p>\n<p>Theme\u00a0also has built-in live search feature so it displays search results as user types. You can activate this option. Simply go to <strong>Theme Settings &gt; Header &gt; Search Settings and enable &#8220;Use Instant Search&#8221;<\/strong>. You can also enable\/disable search bar in header too.<\/p>\n<h3>Cart Icon<\/h3>\n<p><a href=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot5.png\"><img class=\"alignnone size-full wp-image-562\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot5.png\" alt=\"shot5\" width=\"522\" height=\"151\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot5.png 522w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot5-300x86.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot5-60x17.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot5-150x43.png 150w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/a><\/p>\n<p><span style=\"color: #222222;\">If you installed Woocommerce plugin for shopping cart feature. You can display cart icon which link to Woocommerce cart page in the header.<\/span><\/p>\n<h3>Setup \u00a0footer\u00a0menu<\/h3>\n<p>Theme also has another menu location which is located at the bottom right of all page. Here are steps of how to create footer\u00a0menu<\/p>\n<ol>\n<li>Go to Appearance &gt; Menus. Click &#8220;Create Menu&#8221; button<\/li>\n<li>To add menu items, select one of your pages\/posts on the left hand boxes. Then click &#8220;Add To Menu&#8221;.<\/li>\n<li>If you want to add custom link menu item (for example home link). Select &#8220;Links&#8221; and enter URL, Link Text there.<\/li>\n<li>You can organise your menu items using drag&amp;drop\u00a0functionality. Simple drag a menu item right below to the parent menu item.<\/li>\n<li>After setting up your menu, scroll down to the bottom of the page then assign the menu to <strong>&#8220;Footer Menu&#8221;<\/strong> in the Theme Locations box.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Theme\u00a0Support custom WordPress menu, you can organise them into dropdown menu too. You can also change its style, background color, sub menu color and many other using theme admin panel. Setup main\u00a0menu Go to Appearance &gt; Menus. Click &#8220;Create Menu&#8221; button To add menu items, select one of your pages\/posts on the left hand boxes. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"video","meta":[],"categories":[6],"tags":[14,17,19,20],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/68"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}