{"id":250,"date":"2018-06-20T15:08:26","date_gmt":"2018-06-20T15:08:26","guid":{"rendered":"https:\/\/documentation.px-lab.com\/rscard\/?p=250"},"modified":"2018-06-20T16:23:46","modified_gmt":"2018-06-20T16:23:46","slug":"menus","status":"publish","type":"post","link":"https:\/\/documentation.px-lab.com\/rscard\/menus\/","title":{"rendered":"Menus"},"content":{"rendered":"<p>To start creating your menu, go to <em>Appearance \u25b8 Menus<\/em> from the admin panel.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-251 img-frame\" src=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Menus.png\" alt=\"\" width=\"1000\" height=\"289\" srcset=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Menus.png 1000w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Menus-300x87.png 300w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Menus-768x222.png 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>At the upper left corner you&#8217;ll see 2 tabs: <strong>Edit Menus<\/strong> and <strong>Manage Locations<\/strong>.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-252 img-frame\" src=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Manage-locations.png\" alt=\"\" width=\"500\" height=\"290\" srcset=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Manage-locations.png 500w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/Manage-locations-300x174.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p>In Manage Locations, you can assign menus to locations.<\/p>\n<p class=\"note-box bg-danger\"> Note: that you must assign your menu to a location in order for it to be visible. <\/p>\n<p>Now let&#8217;s go to <em>Edit Menus<\/em>. At the bottom of the page, in the section <em>Menu Settings<\/em>, you&#8217;re also able to assign the current menu to a location.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-253 img-frame\" src=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu-settings.png\" alt=\"\" width=\"560\" height=\"112\" srcset=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu-settings.png 560w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu-settings-300x60.png 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/p>\n<p>When creating a menu, you can click on the little triangle on each menu item in order to open up a list of editable settings.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-254 img-frame\" src=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu-options.png\" alt=\"\" width=\"418\" height=\"340\" srcset=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu-options.png 418w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu-options-300x244.png 300w\" sizes=\"(max-width: 418px) 100vw, 418px\" \/><\/p>\n<p>Let&#8217;s go over them:<\/p>\n<dl class=\"dl-horizontal dl-horizontal-lg\"><\/p>\n<p><dt> Navigation Label <\/dt> <dd> Here you can enter a navigation label for this menu item. By default, the label is the same as the page title. <\/dd><\/p>\n<p><dt> Title Attribute <\/dt> <dd> The title attribute will pop up once viewers hover over the navigation label. <\/dd><\/p>\n<p><dt> Open link in a new window\/tab <\/dt> <dd> Enable this option if you want the link to open in a new window or tab. <\/dd><\/p>\n<p><\/dl>\n<p>If you want the navigation to be like on our demo theme you have to add custom link from left, add the url of your homepage to &#8220;url&#8221; field and add the section name with # before, which you want to scroll to, when clicking the menu item, like on example image above.<\/p>\n<p class=\"note-box bg-success\"> The Section Name you have to copy from homepage&#8217;s <strong>Menu Id<\/strong> field. <\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-255 img-frame\" src=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu_id.png\" alt=\"\" width=\"1069\" height=\"183\" srcset=\"https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu_id.png 1069w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu_id-300x51.png 300w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu_id-768x131.png 768w, https:\/\/documentation.px-lab.com\/rscard\/wp-content\/uploads\/sites\/3\/2018\/06\/menu_id-1024x175.png 1024w\" sizes=\"(max-width: 1069px) 100vw, 1069px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To start creating your menu, go to Appearance \u25b8 Menus from the admin panel. At the upper left corner you&#8217;ll see 2 tabs: Edit Menus and Manage Locations. In Manage Locations, you can assign menus to locations. Now let&#8217;s go to Edit Menus. At the bottom of the page, in the section Menu Settings, you&#8217;re [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13],"tags":[],"_links":{"self":[{"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/posts\/250"}],"collection":[{"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/comments?post=250"}],"version-history":[{"count":6,"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/posts\/250\/revisions"}],"predecessor-version":[{"id":294,"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/posts\/250\/revisions\/294"}],"wp:attachment":[{"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/media?parent=250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/categories?post=250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/documentation.px-lab.com\/rscard\/wp-json\/wp\/v2\/tags?post=250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}