{"id":133,"date":"2015-03-02T11:23:56","date_gmt":"2015-03-02T11:23:56","guid":{"rendered":"https:\/\/themes.themegoods.com\/photome\/doc\/?p=133"},"modified":"2015-09-09T08:49:52","modified_gmt":"2015-09-09T08:49:52","slug":"setting-up-menu","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/photome\/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.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-135\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/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\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM.png 1103w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-300x126.png 300w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-1024x429.png 1024w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-60x25.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2557-03-09-at-9.29.16-PM-150x63.png 150w\" sizes=\"(max-width: 1103px) 100vw, 1103px\" \/><\/p>\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<p><strong>Setup Main Menu<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-513\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.22.18-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.22.18 AM\" width=\"278\" height=\"27\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.22.18-AM.png 278w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.22.18-AM-60x6.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.22.18-AM-150x15.png 150w\" sizes=\"(max-width: 278px) 100vw, 278px\" \/><\/p>\n<ol>\n<li>Go to <strong>Appearance &gt; Menus<\/strong>. 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>&nbsp;<\/p>\n<p><strong>Sticky Menu (Optional)<\/strong><\/p>\n<p>If you enable sticky menu option. When visitor scroll down to page. The menu bar will stay at top while visitor scrolling. You can enable this option via\u00a0<strong>Appearance &gt; Menu &gt; General\u00a0&gt;Enable Sticky Menu<\/strong><\/p>\n<p><strong>Mega Menu (Optional)<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-667 size-large\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.22.38-PM-1024x170.png\" alt=\"\" width=\"980\" height=\"163\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.22.38-PM-1024x170.png 1024w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.22.38-PM-300x50.png 300w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.22.38-PM-60x10.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.22.38-PM-150x25.png 150w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.22.38-PM.png 1052w\" sizes=\"(max-width: 980px) 100vw, 980px\" \/><\/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-4 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 decoding=\"async\" class=\"alignnone size-full wp-image-519\" src=\"https:\/\/themes.themegoods.com\/photome\/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\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.29.46-AM.png 417w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.29.46-AM-300x138.png 300w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.29.46-AM-60x28.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.29.46-AM-150x69.png 150w\" sizes=\"(max-width: 417px) 100vw, 417px\" \/><\/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><img decoding=\"async\" class=\"alignnone size-full wp-image-521\" src=\"https:\/\/themes.themegoods.com\/photome\/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\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.31.11-AM.png 490w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.31.11-AM-156x300.png 156w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.31.11-AM-31x60.png 31w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.31.11-AM-78x150.png 78w\" sizes=\"(max-width: 490px) 100vw, 490px\" \/><\/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>You can also can display or hide columns name.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-523\" src=\"https:\/\/themes.themegoods.com\/photome\/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\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.33.08-AM.png 410w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.33.08-AM-300x139.png 300w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.33.08-AM-60x28.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.33.08-AM-150x70.png 150w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/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<p><strong>Customise Main Menu Options and Colors<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-530\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.41.58-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.41.58 AM\" width=\"296\" height=\"498\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.41.58-AM.png 296w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.41.58-AM-178x300.png 178w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.41.58-AM-36x60.png 36w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.41.58-AM-89x150.png 89w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/p>\n<p>You can fully customise main menu options ex. typography, colors, background colors etc. Go to <strong>Appearance &gt; Customize &gt; Menu<\/strong><\/p>\n<p><strong>Setup Top Bar Menu (Optional)<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-509\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.20.34-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.20.34 AM\" width=\"306\" height=\"25\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.20.34-AM.png 306w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.20.34-AM-300x25.png 300w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.20.34-AM-60x5.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.20.34-AM-150x12.png 150w\" sizes=\"(max-width: 306px) 100vw, 306px\" \/><\/p>\n<ol>\n<li>Go to <strong>Appearance &gt; Menus<\/strong>. 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;Top Bar Menu&#8221;<\/strong> in the Theme Locations box.<\/li>\n<\/ol>\n<p><strong>Note: top Bar Menu is not support sub menu.<\/strong><\/p>\n<p><strong>Setup Side Menu (Mobile Menu)<\/strong><\/p>\n<p>Side menu is hidden by default. Visitor click three bar icon on the top right of screen to open it. It&#8217;s also main menu or tablet (portrait view) and mobile devices.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-670 size-full\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.25.15-PM.png\" alt=\"\" width=\"333\" height=\"338\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.25.15-PM.png 333w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.25.15-PM-296x300.png 296w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.25.15-PM-60x60.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.25.15-PM-148x150.png 148w\" sizes=\"(max-width: 333px) 100vw, 333px\" \/><\/p>\n<ol>\n<li>Go to <strong>Appearance &gt; Menus<\/strong>. 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>After setting up your menu, scroll down to the bottom of the page then assign the menu to <strong>&#8220;Side (Mobile) Menu&#8221;<\/strong> in the Theme Locations box.<\/li>\n<\/ol>\n<p><strong>Customise Side Menu Options and Colors<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-531\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.43.21-AM-267x1024.png\" alt=\"Screen Shot 2558-05-18 at 10.43.21 AM\" width=\"267\" height=\"1024\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.43.21-AM-267x1024.png 267w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.43.21-AM-78x300.png 78w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.43.21-AM-16x60.png 16w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.43.21-AM-39x150.png 39w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.43.21-AM.png 294w\" sizes=\"(max-width: 267px) 100vw, 267px\" \/><\/p>\n<p>You can fully customise main menu options ex. typography, colors, background colors etc. Go to <strong>Appearance &gt; Customize &gt; Menu &gt; Side Menu<\/strong><\/p>\n<p><strong>Search\u00a0<strong>on Side Menu<\/strong><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-538\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.48.49-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.48.49 AM\" width=\"295\" height=\"345\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.48.49-AM.png 295w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.48.49-AM-257x300.png 257w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.48.49-AM-51x60.png 51w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.48.49-AM-128x150.png 128w\" sizes=\"(max-width: 295px) 100vw, 295px\" \/><\/p>\n<p>To add search function to side menu. Open\u00a0<strong>Appearance &gt; Customize &gt; Menu &gt; Search &gt; Enable Search<\/strong>. It displays\u00a0search bar at the top of side menu.<\/p>\n<p><strong>Instant Search\u00a0<strong>(Support only top menu layout)<\/strong><\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-672 size-full\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.26.11-PM.png\" alt=\"\" width=\"330\" height=\"535\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.26.11-PM.png 330w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.26.11-PM-185x300.png 185w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.26.11-PM-37x60.png 37w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-07-10-at-4.26.11-PM-93x150.png 93w\" sizes=\"(max-width: 330px) 100vw, 330px\" \/><\/p>\n<p>Instant search use AJAX technology to returns search results as you type.Open<strong>Appearance &gt; Customize &gt; Menu &gt; Search &lt; Enable Instant Search<\/strong><\/p>\n<p><strong>Setup Footer Menu (Optional)<\/strong><\/p>\n<ol>\n<li>Go to <strong>Appearance &gt; Menus<\/strong>. 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.<\/li>\n<li>After setting up your menu, scroll down to the bottom of the page then assign the menu to &#8220;<strong>Footer Menu<\/strong>&#8221; in the Theme Locations box.<\/li>\n<li>Open <strong>Appearance &gt; Customize &gt; Footer\u00a0&gt; Copyright\u00a0&gt;\u00a0Copyright Right Area Content<\/strong> and select &#8220;Footer Menu&#8221;.<\/li>\n<\/ol>\n<p><strong>NOTE: Footer menu is not support sub menu.<\/strong><\/p>\n<p><strong>Add Contact Info<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-535\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.45.29-AM.png\" alt=\"Screen Shot 2558-05-18 at 10.45.29 AM\" width=\"291\" height=\"228\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.45.29-AM.png 291w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.45.29-AM-60x47.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-05-18-at-10.45.29-AM-150x118.png 150w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/p>\n<p>You can add contact information displays on top bar. Go to\u00a0<strong>Appearance &gt; Customize &gt; Menu &gt; Contact Info<\/strong><\/p>\n<p><strong>Note: Please make sure you enable Top Bar in order to display contact info content.<\/strong><\/p>\n<p><strong>Make Menu Transparent<\/strong><\/p>\n<p>Theme has a page option to make main menu transparent. When you on edit page, look at page option meta box. Check &#8220;Make Menu Transparent&#8221; option and save changes.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-145\" src=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-03-02-at-6.36.11-PM.png\" alt=\"Screen Shot 2558-03-02 at 6.36.11 PM\" width=\"266\" height=\"123\" srcset=\"https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-03-02-at-6.36.11-PM.png 266w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-03-02-at-6.36.11-PM-60x28.png 60w, https:\/\/themes.themegoods.com\/photome\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2558-03-02-at-6.36.11-PM-150x69.png 150w\" sizes=\"(max-width: 266px) 100vw, 266px\" \/><\/p>\n<p><strong>NOTE:<\/strong> If you use menu transparent option. We recommended to add the first content as image content so your menu is visible otherwise main menu content will be invisible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Theme\u00a0Support custom WordPress menu, you can organise them into dropdown menu too. For those who are not familiar with WordPress menu system below are video tutorial. Setup Main 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 hand boxes. Then click &#8220;Add [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[16],"tags":[110,109,32,35,112,33,111,34],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/posts\/133"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/comments?post=133"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/posts\/133\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/media?parent=133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/categories?post=133"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/photome\/doc\/wp-json\/wp\/v2\/tags?post=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}