{"id":63,"date":"2016-10-18T05:25:16","date_gmt":"2016-10-18T05:25:16","guid":{"rendered":"http:\/\/themes.themegoods.com\/grandphotography\/doc\/?p=63"},"modified":"2016-10-18T08:18:09","modified_gmt":"2016-10-18T08:18:09","slug":"setting-up-menu","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/setting-up-menu\/","title":{"rendered":"Setting up Menu"},"content":{"rendered":"<p><strong>Menu Layouts Option<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-67\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.25.49-PM.png\" alt=\"screen-shot-2559-10-18-at-12-25-49-pm\" width=\"265\" height=\"193\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.25.49-PM.png 265w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.25.49-PM-60x44.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.25.49-PM-150x109.png 150w\" sizes=\"(max-width: 265px) 100vw, 265px\" \/><\/p>\n<p>Theme\u00a0Support various menu layouts and you can change it via <strong>Appearance &gt; Customize &gt; Navigation &gt; General &gt; Menu Layout.<\/strong><\/p>\n<div id=\"attachment_70\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-70\" class=\"size-full wp-image-70\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling2.jpg\" alt=\"Left Align Menu\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling2.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling2-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling2-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling2-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling2-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-70\" class=\"wp-caption-text\">Left Align Menu<\/p>\n<\/div>\n<div id=\"attachment_71\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-71\" class=\"size-full wp-image-71\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling3.jpg\" alt=\"Center Align Menu\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling3.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling3-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling3-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling3-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling3-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-71\" class=\"wp-caption-text\">Center Align Menu<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_73\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-73\" class=\"size-full wp-image-73\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling1.jpg\" alt=\"Center Logo + 2 Menus\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling1.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling1-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling1-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling1-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling1-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-73\" class=\"wp-caption-text\">Center Logo + 2 Menus<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_74\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-74\" class=\"size-full wp-image-74\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6.jpg\" alt=\"Hamburger + Side Menu\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-74\" class=\"wp-caption-text\">Hamburger + Side Menu<\/p>\n<\/div>\n<div id=\"attachment_75\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-75\" class=\"size-full wp-image-75\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling4.jpg\" alt=\"Hamburger + Fullscreen Menu\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling4.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling4-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling4-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling4-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling4-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-75\" class=\"wp-caption-text\">Hamburger + Fullscreen Menu<\/p>\n<\/div>\n<div id=\"attachment_76\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-76\" class=\"size-full wp-image-76\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling5.jpg\" alt=\"Left Vertical Menu\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling5.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling5-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling5-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling5-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling5-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-76\" class=\"wp-caption-text\">Left Vertical Menu<\/p>\n<\/div>\n<p>&nbsp;<\/p>\n<p><strong>Setting up Menu using WordPress Custom Menu<\/strong><\/p>\n<p>Theme\u00a0Support custom WordPress menu, you can organise them into dropdown menu too.<\/p>\n<p><img class=\"alignnone size-full wp-image-65\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2557-03-09-at-9.29.16-PM.png 1103w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2557-03-09-at-9.29.16-PM-300x126.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2557-03-09-at-9.29.16-PM-768x322.png 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2557-03-09-at-9.29.16-PM-1024x429.png 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2557-03-09-at-9.29.16-PM-60x25.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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 Primary\u00a0Menu<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-79\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.22.18-AM.png 278w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.22.18-AM-60x6.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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><strong>Setup Secondary\u00a0Menu<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-81\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Slice-1.jpg\" alt=\"slice-1\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Slice-1.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Slice-1-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Slice-1-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Slice-1-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Slice-1-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>If you select <strong>&#8220;Center Logo + 2 Menus&#8221;<\/strong> layout, you can also setup <strong>&#8220;Secondary Menu&#8221;<\/strong> so it displays as right logo menu. See above screenshot.<\/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;Secondary Menu&#8221;<\/strong> in the Theme Locations box.<\/li>\n<\/ol>\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; Customize &gt; Navigation\u00a0&gt; General\u00a0&gt;Enable Sticky Menu<\/strong><\/p>\n<p>There are 2 options for sticky menu color scheme &#8220;Light&#8221; and &#8220;Dark&#8221;.\u00a0You can select\u00a0this option via\u00a0<strong>Appearance &gt; Customize &gt;\u00a0Navigation\u00a0&gt; General\u00a0&gt; Sticky Menu Color Scheme<\/strong><\/p>\n<p><strong>Mega Menu (Optional)<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-83\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM.png\" alt=\"screen-shot-2559-10-18-at-12-51-30-pm\" width=\"1093\" height=\"228\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM.png 1093w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM-300x63.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM-768x160.png 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM-1024x214.png 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM-60x13.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-12.51.30-PM-150x31.png 150w\" sizes=\"(max-width: 1093px) 100vw, 1093px\" \/><\/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 class=\"alignnone size-full wp-image-84\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.29.46-AM.png 417w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.29.46-AM-300x138.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.29.46-AM-60x28.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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 class=\"alignnone size-full wp-image-85\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.31.11-AM.png 490w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.31.11-AM-156x300.png 156w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.31.11-AM-31x60.png 31w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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 class=\"alignnone size-full wp-image-523\" src=\"http:\/\/themes.themegoods2.com\/photography\/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<p><strong>Customise Main Menu Options and Colors<\/strong><\/p>\n<p><a href=\"http:\/\/themes.themegoods2.com\/photography\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2559-02-01-at-6.52.24-PM.png\"><img class=\"alignnone wp-image-950 size-full\" src=\"http:\/\/themes.themegoods2.com\/photography\/doc\/wp-content\/uploads\/2015\/03\/Screen-Shot-2559-02-01-at-6.52.24-PM.png\" alt=\"\" width=\"295\" height=\"514\" \/><\/a><\/p>\n<p>You can fully customise main menu options ex. typography, colors, background colors etc. Go to <strong>Appearance &gt; Customize &gt;\u00a0Navigation<\/strong><\/p>\n<p><strong>Setup Top Bar Menu (Optional)<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-86\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.20.34-AM.png 306w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.20.34-AM-300x25.png 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2558-05-18-at-10.20.34-AM-60x5.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/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>IMPORTANT: top Bar Menu is not support sub menu.<\/strong><\/p>\n<p><strong>Setup Side Menu (Mobile Menu)<\/strong><\/p>\n<div id=\"attachment_74\" style=\"width: 1034px\" class=\"wp-caption alignnone\"><img aria-describedby=\"caption-attachment-74\" class=\"size-full wp-image-74\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6.jpg\" alt=\"Hamburger + Side Menu\" width=\"1024\" height=\"587\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6.jpg 1024w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-300x172.jpg 300w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-768x440.jpg 768w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-60x34.jpg 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/styling6-150x86.jpg 150w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p id=\"caption-attachment-74\" class=\"wp-caption-text\">Hamburger + Side Menu<\/p>\n<\/div>\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<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>Setup Galleries when side menu is opened<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-88\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.11.17-PM.png\" alt=\"screen-shot-2559-10-18-at-3-11-17-pm\" width=\"293\" height=\"376\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.11.17-PM.png 293w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.11.17-PM-234x300.png 234w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.11.17-PM-47x60.png 47w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.11.17-PM-117x150.png 117w\" sizes=\"(max-width: 293px) 100vw, 293px\" \/><\/p>\n<p>When side menu is opened. There is an option to display galleries there. Go to <strong>Appearance &gt; Customize &gt; Navigation &gt; Side Menu &gt;\u00a0Enable Gallery.\u00a0<\/strong>You can also filter galleries by gallery category and number of gallery items to display.<\/p>\n<p><strong>Customise Side Menu Options and Colors<\/strong><\/p>\n<p>You can fully customise side\u00a0menu options ex. typography, colors, background colors etc. Go to <strong>Appearance &gt; Customize &gt; Navigation\u00a0&gt; Side Menu<\/strong><\/p>\n<p><strong>Search\u00a0on Side Menu<\/strong><\/p>\n<p><img class=\"alignnone size-full wp-image-89\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.12.15-PM.png\" alt=\"screen-shot-2559-10-18-at-3-12-15-pm\" width=\"299\" height=\"351\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.12.15-PM.png 299w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.12.15-PM-256x300.png 256w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.12.15-PM-51x60.png 51w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.12.15-PM-128x150.png 128w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/p>\n<p>To add search function to side menu. Open\u00a0<strong>Appearance &gt; Customize &gt;Navigation &gt; Side Menu Search &gt; Enable Search<\/strong>. It displays\u00a0search bar at the top of side menu.<\/p>\n<p><strong>Instant Search<\/strong><\/p>\n<p>Instant search use AJAX technology to returns search results as you type.Open<strong>Appearance &gt; Customize &gt;Navigation &gt; Side Menu 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 class=\"alignnone size-full wp-image-90\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.14.11-PM.png\" alt=\"screen-shot-2559-10-18-at-3-14-11-pm\" width=\"291\" height=\"346\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.14.11-PM.png 291w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.14.11-PM-252x300.png 252w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.14.11-PM-50x60.png 50w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.14.11-PM-126x150.png 126w\" 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; Navigation &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 class=\"alignnone size-full wp-image-91\" src=\"http:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.15.25-PM.png\" alt=\"screen-shot-2559-10-18-at-3-15-25-pm\" width=\"270\" height=\"94\" srcset=\"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.15.25-PM.png 270w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.15.25-PM-60x21.png 60w, https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-content\/uploads\/2016\/10\/Screen-Shot-2559-10-18-at-3.15.25-PM-150x52.png 150w\" sizes=\"(max-width: 270px) 100vw, 270px\" \/><\/p>\n<p><strong>IMPORTANT:<\/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>Menu Layouts Option Theme\u00a0Support various menu layouts and you can change it via Appearance &gt; Customize &gt; Navigation &gt; General &gt; Menu Layout. &nbsp; &nbsp; &nbsp; Setting up Menu using WordPress Custom Menu Theme\u00a0Support custom WordPress menu, you can organise them into dropdown menu too. For those who are not familiar with WordPress menu system [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[38,39,40,41,42,43,44,45],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/63"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/posts\/63\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/media?parent=63"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/categories?post=63"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/grandphotography\/doc\/wp-json\/wp\/v2\/tags?post=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}