{"id":8448,"date":"2018-01-04T11:52:42","date_gmt":"2018-01-04T11:52:42","guid":{"rendered":"http:\/\/rifetheme.com\/help\/docs\/basic-setup\/menus\/creating-one-page-menu\/"},"modified":"2018-01-30T16:55:04","modified_gmt":"2018-01-30T16:55:04","slug":"creating-one-page-menu","status":"publish","type":"docs","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/basic-setup\/menus\/creating-one-page-menu\/","title":{"rendered":"Creating One Page menu"},"content":{"rendered":"<p>When you are planing to create One Page site, you often will want to create menu that links to <a href=\"http:\/\/rifetheme.com\/apollo13-framework\/docs\/content-management\/creating-one-page\/\">specific sections<\/a> on your site.<\/p>\n<p>To do it you will have to use anchors, it means links that looks like <code>http:\/\/rifetheme.com\/chillout2\/#home<\/code> &#8211; most important is part <code>#home<\/code><\/p>\n<h2>Adding anchors in menu<\/h2>\n<p>You could add your links just as anchors alone like <code>#home<\/code> however then if you will have some sub-page, like Blog, and it will display same menu, then this links will not work.<\/p>\n<p>It will not work cause you probably will not have same sections as on your front page.<\/p>\n<p>Cause of that safest way to add anchors to main menu is to use <strong>absolute links<\/strong> it mean links with your domain and anchor. Example <code>http:\/\/rifetheme.com\/chillout2\/#home<\/code><\/p>\n<h3>How to add anchor<\/h3>\n<p>Open <strong>Custom Links<\/strong> option, and enter there <strong>whole link<\/strong> and <strong>Link Text<\/strong>. Click <strong>Add to Menu<\/strong>.<\/p>\n<figure id=\"attachment_8452\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 296px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8452 size-full\" src=\"http:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/adding-anchor-to-menu.png\" alt=\"How to add anchor to menu\" width=\"286\" height=\"383\" \/><figcaption class=\"caption wp-caption-text\">How to add anchor to menu<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>After this you should have such menu position(image below). You can now add icon to it if you want.<\/p>\n<figure id=\"attachment_8453\" class=\"thumbnail wp-caption aligncenter\" style=\"width: 435px\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8453\" src=\"http:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/anchor-in-menu.png\" alt=\"Anchor added to menu\" width=\"425\" height=\"457\" \/><figcaption class=\"caption wp-caption-text\">Anchor added to menu<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":217,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-8448","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8448","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/comments?post=8448"}],"version-history":[{"count":1,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8448\/revisions"}],"predecessor-version":[{"id":8946,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8448\/revisions\/8946"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/217"}],"next":[{"title":"Different menu for various pages","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/basic-setup\/menus\/different-menu-for-various-pages\/","href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/8449"}],"prev":[{"title":"Using Mega Menu","link":"https:\/\/rifetheme.com\/apollo13-framework\/docs\/basic-setup\/menus\/using-mega-menu\/","href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/docs\/259"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/media?parent=8448"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/apollo13-framework\/wp-json\/wp\/v2\/doc_tag?post=8448"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}