{"id":69,"date":"2022-07-03T04:31:27","date_gmt":"2022-07-03T04:31:27","guid":{"rendered":"http:\/\/docs.eriktailor.hu\/flatbook\/docs-2\/theme-options\/menus\/"},"modified":"2022-07-11T00:31:47","modified_gmt":"2022-07-11T00:31:47","slug":"menus","status":"publish","type":"docs","link":"https:\/\/docs.eriktailor.hu\/flatbook\/docs\/theme-options\/menus\/","title":{"rendered":"Menus"},"content":{"rendered":"\n<p>FlatBook has 1 nav menu location called <strong>Primary Menu<\/strong> which is shown at the top of the pages. In the Menus <a href=\"http:\/\/docs.eriktailor.hu\/flatbook\/docs-2\/theme-options\/\" data-type=\"docs\" data-id=\"38\">Customizer<\/a> panel you can create, edit and manage the menu items in the navbar. You can use three different menu item types, each for different purpose.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"create-a-menu\">Create Menu<\/h3>\n\n\n\n<p>If you don&#8217;t have the menu coming from the demo content import, you have to create it:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Navigate to\u00a0<strong>Appearance<\/strong>\u00a0\u00bb\u00a0<strong>Customize<\/strong>\u00a0\u00bb\u00a0<strong>Menus<\/strong>\u00a0screen<\/li><li>Click on the\u00a0<strong>Create New Menu<\/strong>\u00a0button<\/li><li>Name the menu, and check the\u00a0<strong>Primary Menu<\/strong>\u00a0checkbox at the bottom<\/li><\/ol>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"page-menu-link\">Page Menu Link<\/h3>\n\n\n\n<p>Click on the\u00a0<strong>Add Items<\/strong>\u00a0button and select items from the\u00a0<strong>Pages<\/strong>\u00a0box to create menu items linking to other pages. To create a page menu link, just click on the page name you would like to add.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"444\" src=\"http:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_page_link-1024x444.jpeg\" alt=\"\" class=\"wp-image-405\" srcset=\"https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_page_link-1024x444.jpeg 1024w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_page_link-300x130.jpeg 300w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_page_link-768x333.jpeg 768w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_page_link-1536x667.jpeg 1536w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_page_link-2048x889.jpeg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"dropdown-menu-link\">Dropdown Menu Link<\/h3>\n\n\n\n<p>FlatBook supports dropdown menus until one level depth. It&#8217;s useful to organize your nav menu links below each other to look clean. To create dropdown menu link, drag the sub item below the parent.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"http:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_dropdown-1024x491.jpeg\" alt=\"\" class=\"wp-image-406\" srcset=\"https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_dropdown-1024x491.jpeg 1024w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_dropdown-300x144.jpeg 300w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_dropdown-768x368.jpeg 768w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_dropdown-1536x736.jpeg 1536w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_dropdown-2048x981.jpeg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Scroll Menu Link<\/h3>\n\n\n\n<p>This is a menu link type, that scrolls to a specific section on a page (mostly homepage) when it is clicked. To create scroll menu links, follow the steps below.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">Define a section<\/h6>\n\n\n\n<ol class=\"wp-block-list\"><li>In the Elementor builder, click on a section to edit, and navigate to the\u00a0<strong>Advanced<\/strong>\u00a0tab<\/li><li>Enter a custom id for the section, like\u00a0<code>book-features<\/code><\/li><li>Click <strong>Update<\/strong> to save the modifications<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"460\" src=\"http:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_scroll1-1024x460.jpeg\" alt=\"\" class=\"wp-image-407\" srcset=\"https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_scroll1-1024x460.jpeg 1024w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_scroll1-300x135.jpeg 300w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_scroll1-768x345.jpeg 768w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_scroll1-1536x691.jpeg 1536w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/menu_scroll1-2048x921.jpeg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h6 class=\"wp-block-heading\">Create a link<\/h6>\n\n\n\n<ol class=\"wp-block-list\"><li>Navigate to <strong>Dashboard > Appearance >\u00a0Menus<\/strong><\/li><li>Add a new <strong>Custom Links<\/strong> item from the left sidebar<\/li><li>Delete the content of the <strong>URL<\/strong> field<\/li><li>Name the menu item below <strong>Navigation Label  <\/strong><\/li><li>Add the custom <strong>ID<\/strong> (created in the previous part) into the <strong>Anchor ID<\/strong> field<\/li><li>Click<strong> Save Menu<\/strong> to update<\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"http:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/Screenshot-2022-07-11-at-2.30.33-1024x496.png\" alt=\"\" class=\"wp-image-408\" srcset=\"https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/Screenshot-2022-07-11-at-2.30.33-1024x496.png 1024w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/Screenshot-2022-07-11-at-2.30.33-300x145.png 300w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/Screenshot-2022-07-11-at-2.30.33-768x372.png 768w, https:\/\/docs.eriktailor.hu\/flatbook\/wp-content\/uploads\/2022\/07\/Screenshot-2022-07-11-at-2.30.33.png 1180w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"featured_media":0,"parent":38,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","docs_category":[],"class_list":["post-69","docs","type-docs","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/docs\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":3,"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/docs\/69\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/docs\/69\/revisions\/409"}],"up":[{"embeddable":true,"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/docs\/38"}],"wp:attachment":[{"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/docs.eriktailor.hu\/flatbook\/wp-json\/wp\/v2\/docs_category?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}