{"id":723,"date":"2019-01-02T03:31:41","date_gmt":"2019-01-02T03:31:41","guid":{"rendered":"http:\/\/docs.droitthemes.com\/docs\/mak-wordpress-theme\/getting-started\/one-page-navigation\/"},"modified":"2019-01-02T03:31:41","modified_gmt":"2019-01-02T03:31:41","slug":"one-page-navigation","status":"publish","type":"docs","link":"https:\/\/ddocwp.droitlab.com\/dark\/docs\/mak-wordpress-theme\/getting-started\/one-page-navigation\/","title":{"rendered":"One Page Navigation"},"content":{"rendered":"<p>\t\t\t\tTo Create One Page Navigation in <a href=\"https:\/\/themeforest.net\/item\/mak-personal-portfolio-resume-wordpress-theme\/22800988\"><strong>Mak<\/strong><\/a> theme, first, You have to go to <strong>Appearance &gt; Menu<\/strong> to create a menu.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-725\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu.png\" alt=\"\" width=\"1904\" height=\"934\" \/><\/p>\n<p>After clicking on menu, You will redirect a page to create a menu. Hit <strong>create a new menu<\/strong> link. Give a name for your newly creating menu and hit on <strong>Create Menu<\/strong> button.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-726\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu2.png\" alt=\"\" width=\"1724\" height=\"774\" \/><\/p>\n<p>Now your menu name has been created successfully. Now you have to add some custom links to linking menu with section to section. Click on <strong>Custom Links<\/strong> tab. After clicking on <strong>Custom Links<\/strong> tab, a box will open like below screenshot.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-727\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu3.png\" alt=\"\" width=\"1754\" height=\"883\" \/><\/p>\n<p>Put your <strong>URL Link<\/strong> and <strong>Menu Text<\/strong> and hit on <strong>Add to Menu<\/strong> button. <strong>Don&#8217;t forget to put a hash(#) tag before URL Link.<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-728\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu4.png\" alt=\"\" width=\"1752\" height=\"595\" \/><\/p>\n<p>Then, Check the <strong>One Page<\/strong> option and Hit on <strong>Save Menu<\/strong> button<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-729\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu5.png\" alt=\"\" width=\"1748\" height=\"712\" \/><\/p>\n<p>Now You successfully created your newly menu with link. You can add more custom links just click on add to menu button.<\/p>\n<p>&nbsp;<\/p>\n<p>Now You have to add this ID in your section. To add this ID to your specific section visit your page and Click on <strong>Edit with Elementor<\/strong> link from top admin bar. You have to logged in to see this bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-730\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu6.png\" alt=\"\" width=\"1903\" height=\"969\" \/><\/p>\n<p>After clicking on the <strong>Edit with Elementor<\/strong> link you will redirect to edit content. Click on the middle icon as below screenshot shows:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-731\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu7.png\" alt=\"\" width=\"1902\" height=\"953\" \/><\/p>\n<p>After that click on <strong>Advanced\u00a0<\/strong>tab and put your ID which you declared in the menu. <strong>Put your ID without a hash(#).<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-732\" src=\"http:\/\/localhost\/project\/doc\/wp-content\/uploads\/2019\/01\/menu8.png\" alt=\"\" width=\"1878\" height=\"921\" \/><\/p>\n<p>Congratulations! You successfully added one page navigation. Still, If you have any question beyond this article feel free to contact our support.\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>To Create One Page Navigation in Mak theme, first, You have to go to Appearance &gt; Menu to create a menu. After clicking on menu, You will redirect a page to create a menu. Hit create a new menu link. Give a name for your newly creating menu and hit on Create Menu button. Now &#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":606,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","doc-category":[],"doc_tag":[],"class_list":["post-723","docs","type-docs","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/docs\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":0,"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/docs\/723\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/docs\/606"}],"wp:attachment":[{"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/media?parent=723"}],"wp:term":[{"taxonomy":"doc-category","embeddable":true,"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/doc-category?post=723"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/ddocwp.droitlab.com\/dark\/wp-json\/wp\/v2\/doc_tag?post=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}