{"id":29,"date":"2014-09-15T09:45:38","date_gmt":"2014-09-15T09:45:38","guid":{"rendered":"http:\/\/themes.themegoods.com\/vega\/doc\/?p=29"},"modified":"2015-05-23T12:20:25","modified_gmt":"2015-05-23T12:20:25","slug":"setting-up-menu","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/vega\/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-165\" src=\"http:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/8.png\" alt=\"8\" width=\"884\" height=\"132\" srcset=\"https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/8.png 884w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/8-300x44.png 300w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/8-60x8.png 60w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/8-150x22.png 150w\" sizes=\"(max-width: 884px) 100vw, 884px\" \/><\/p>\n<h3>Main Menu Left Side &amp; Main Menu Right Side<\/h3>\n<p>Vega has 2 menu location. Main Menu Left Side &amp; Main Menu Right Side which display menu items on the left and right side of main logo.<\/p>\n<p><img class=\"alignnone size-full wp-image-31\" src=\"http:\/\/themes.themegoods.com\/vega\/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\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM.png 1186w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-300x149.png 300w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-1024x510.png 1024w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-09-15-at-4.46.07-PM-60x29.png 60w, https:\/\/themes.themegoods.com\/vega\/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 <strong>&#8220;Main Menu Left Side&#8221; and &#8220;Main Menu Right Side&#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>Mega Menu (Optional)<\/h3>\n<p><img class=\"alignnone wp-image-518 size-full\" src=\"http:\/\/themes.themegoods2.com\/constructor_doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.26.50-AM.png\" alt=\"\" width=\"999\" height=\"148\" \/><\/p>\n<p>Mega Menu is extensive sub menu which allow you to display large amount menu items into columns. You can select from 2-5 columns. To setup mega menu. Open <strong>Appearance &gt; Menus\u00a0<\/strong>then you can drag menu items to be child of parent items.<\/p>\n<p><img class=\"alignnone size-full wp-image-519\" src=\"http:\/\/themes.themegoods2.com\/constructor_doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.29.46-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.29.46 AM\" width=\"417\" height=\"192\" \/><\/p>\n<p>On menu parent item, open its option box and add class &#8220;<strong>megamenu<\/strong>&#8221; to enable mega menu display. Then enter number of columns you want. For example if you want to display mega menu in 4 columns enter class &#8220;<strong>col4<\/strong>&#8220;.<\/p>\n<p>If you can&#8217;t see CSS classes option for menu item. Click &#8220;screen option&#8221; at the top right of <strong>Appearance &gt; Menus\u00a0<\/strong>and check &#8220;CSS Classes&#8221;.<\/p>\n<p><img class=\"alignnone size-full wp-image-521\" src=\"http:\/\/themes.themegoods2.com\/constructor_doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.31.11-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.31.11 AM\" width=\"490\" height=\"945\" \/><\/p>\n<p>So you need to add and organise menu items of this mega menu into 4 columns. Please see above screenshot of Appearance &gt; Menus to get an example.<\/p>\n<p><img class=\"alignnone size-full wp-image-522\" src=\"http:\/\/themes.themegoods2.com\/constructor_doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.31.49-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.31.49 AM\" width=\"978\" height=\"198\" \/><\/p>\n<p>You can also can display or hide columns name.<\/p>\n<p><img class=\"alignnone size-full wp-image-523\" src=\"http:\/\/themes.themegoods2.com\/constructor_doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.33.08-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.33.08 AM\" width=\"410\" height=\"190\" \/><\/p>\n<p>By default it displays each mega menu columns name ex. Project Fullwidth, Project Grid etc. You can also hide it by open menu item option and add &#8220;<strong>hidden<\/strong>&#8221; CSS class.<\/p>\n<h3>Setup Menu Colors<\/h3>\n<p><img class=\"alignnone wp-image-167 size-full\" src=\"http:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/9.png\" alt=\"\" width=\"521\" height=\"1061\" srcset=\"https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/9.png 521w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/9-147x300.png 147w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/9-29x60.png 29w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/9-73x150.png 73w\" 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; Header\u00a0&gt; Menu Colors Settings<\/strong><\/p>\n<h3><img class=\"alignnone size-full wp-image-168\" src=\"http:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-04-07-at-8.09.19-PM.png\" alt=\"Screen-Shot-2557-04-07-at-8.09.19-PM\" width=\"523\" height=\"394\" srcset=\"https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-04-07-at-8.09.19-PM.png 523w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-04-07-at-8.09.19-PM-300x226.png 300w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-04-07-at-8.09.19-PM-60x45.png 60w, https:\/\/themes.themegoods.com\/vega\/doc\/wp-content\/uploads\/2014\/09\/Screen-Shot-2557-04-07-at-8.09.19-PM-150x113.png 150w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/h3>\n<p>You can also change sub menu background, 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<p>&nbsp;<\/p>\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. Main Menu Left Side &amp; Main Menu Right Side Vega has 2 menu location. Main Menu Left Side &amp; Main Menu Right Side which display [&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\/vega\/doc\/wp-json\/wp\/v2\/posts\/29"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/comments?post=29"}],"version-history":[{"count":9,"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/posts\/29\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/media?parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/categories?post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/vega\/doc\/wp-json\/wp\/v2\/tags?post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}