{"id":29,"date":"2014-09-15T09:45:38","date_gmt":"2014-09-15T09:45:38","guid":{"rendered":"http:\/\/themes.themegoods.com\/stellar\/doc\/?p=29"},"modified":"2014-09-15T09:53:07","modified_gmt":"2014-09-15T09:53:07","slug":"setting-up-menu","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/stellar\/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<p><img class=\"alignnone size-full wp-image-31\" src=\"http:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM.png\" alt=\"Screen Shot 2557-09-15 at 4.46.07 PM\" width=\"1186\" height=\"591\" srcset=\"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM.png 1186w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-300x149.png 300w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-1024x510.png 1024w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-60x29.png 60w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-150x74.png 150w\" sizes=\"(max-width: 1186px) 100vw, 1186px\" \/><\/p>\n<h3>Setup a new menu<\/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 &#8220;Primary Menu&#8221; 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 Closed Stated Colors<\/h3>\n<p><img class=\"alignnone size-full wp-image-35\" src=\"http:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.48.12-PM.png\" alt=\"Screen Shot 2557-09-15 at 4.48.12 PM\" width=\"522\" height=\"637\" srcset=\"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.48.12-PM.png 522w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.48.12-PM-245x300.png 245w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.48.12-PM-49x60.png 49w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.48.12-PM-122x150.png 122w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/p>\n<p>When menu is in closed state. It displays as thin vertical bar on the left and you can change its colors, opacity.\u00a0Go to <strong>Theme Settings &gt; Menu\u00a0&gt; Menu Closed Stated Settings<\/strong><\/p>\n<h3>Setup Menu Colors<\/h3>\n<p><img class=\"alignnone size-full wp-image-34\" src=\"http:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.47.14-PM.png\" alt=\"Screen Shot 2557-09-15 at 4.47.14 PM\" width=\"521\" height=\"665\" srcset=\"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.47.14-PM.png 521w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.47.14-PM-235x300.png 235w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.47.14-PM-47x60.png 47w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.47.14-PM-117x150.png 117w\" sizes=\"(max-width: 521px) 100vw, 521px\" \/><\/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; Menu\u00a0&gt; Menu Settings<\/strong><\/p>\n<h3>Setup Social Icons\u00a0Colors<\/h3>\n<p><img class=\"alignnone size-full wp-image-37\" src=\"http:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.50.24-PM.png\" alt=\"Screen Shot 2557-09-15 at 4.50.24 PM\" width=\"526\" height=\"348\" srcset=\"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.50.24-PM.png 526w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.50.24-PM-300x198.png 300w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.50.24-PM-60x39.png 60w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.50.24-PM-150x99.png 150w\" sizes=\"(max-width: 526px) 100vw, 526px\" \/><\/p>\n<p>If you add your social profiles using Theme Setting &gt; Social Profiles so it displays under the main menu and you can change its color.\u00a0Go to <strong>Theme Settings &gt; Menu\u00a0&gt; Social Icons\u00a0Settings<\/strong><\/p>\n<h3>Setup Copyright or Footer content<\/h3>\n<p><img class=\"alignnone size-full wp-image-38\" src=\"http:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.51.30-PM.png\" alt=\"Screen Shot 2557-09-15 at 4.51.30 PM\" width=\"525\" height=\"858\" srcset=\"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.51.30-PM.png 525w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.51.30-PM-183x300.png 183w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.51.30-PM-36x60.png 36w, https:\/\/themes.themegoods.com\/stellar\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.51.30-PM-91x150.png 91w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>At the bottom of menu area. You can also add copyright or footer content. For example on demo site, it displays footer content as photographer signature. You can add it.\u00a0\u00a0Go to <strong>Theme Settings &gt; Menu\u00a0&gt; Footer\u00a0Settings<\/strong><\/p>\n<h3>Setup Social Icons\u00a0Colors<\/h3>\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 a new menu Go to Appearance &gt; Menus. Click &#8220;Create Menu&#8221; button To add menu items, select one of your pages\/posts on the left [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[14,15],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/posts\/29"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/stellar\/doc\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}