{"id":826,"date":"2020-09-01T07:55:50","date_gmt":"2020-09-01T07:55:50","guid":{"rendered":"http:\/\/oceanthemes.net\/docs\/theratio\/?p=826"},"modified":"2020-09-01T07:55:50","modified_gmt":"2020-09-01T07:55:50","slug":"4-one-page","status":"publish","type":"post","link":"https:\/\/docs.oceanthemes.site\/archi\/2020\/09\/01\/4-one-page\/","title":{"rendered":"4. Menu One Page"},"content":{"rendered":"\n<p><span style=\"text-decoration: underline\"><strong>Using Page scroll to id with Elementor Page Builder<\/strong><\/span>:<\/p>\n\n\n\n<p>A quick guide for using\u00a0the <span style=\"text-decoration: underline\">&#8220;<a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/page-scroll-to-id\/\" target=\"_blank\">Page scroll to id<\/a>&#8220;<\/span> plugin\u00a0with\u00a0 <span style=\"text-decoration: underline\">Elementor Page Builder<\/span>\u00a0on your WordPress site. You can download the plugin here: <a href=\"https:\/\/wordpress.org\/plugins\/page-scroll-to-id\/\" target=\"_blank\" rel=\"noreferrer noopener\">Page scroll to id plugin<\/a><\/p>\n\n\n\n<p>1. In WordPress admin, go to&nbsp;<strong><em>Settings<\/em>&nbsp;\u2192&nbsp;<em>Page scroll to id<\/em><\/strong>&nbsp;and make sure the&nbsp;<strong>Selector(s)<\/strong>&nbsp;option value is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#primary-menu a&#091;href*='#']:not(&#091;href='#'])<\/code><\/pre>\n\n\n\n<p>2. If you have a fixed-positioned\/sticky menu which overlaps your target\u2019s content when page scrolling is completed, insert your menu CSS selector or a fixed pixel value in the &#8220;<strong>Offset<\/strong>&#8221; field. For example, inserting&nbsp;<em>#primary-menu<\/em> will offset the scroll-to position according to the height\/width\/position of the element with id <em>primary-menu<\/em>. In the same manner, setting the \u201cOffset\u201d value to&nbsp;90 will offset page scrolling by 90 pixels.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"928\" height=\"89\" src=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/offset-onepage.png\" alt=\"\" class=\"wp-image-832\" srcset=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/offset-onepage.png 928w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/offset-onepage-300x29.png 300w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/offset-onepage-768x74.png 768w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/figure><\/div>\n\n\n\n<p>3. Scroll down to &#8220;<strong>Advanced options<\/strong>&#8221; section and enable (check) &#8220;Prevent other scripts from handling plugin\u2019s links&#8221; option.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"69\" src=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/advanced-onepage-1024x69.png\" alt=\"\" class=\"wp-image-828\" srcset=\"https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/advanced-onepage-1024x69.png 1024w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/advanced-onepage-300x20.png 300w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/advanced-onepage-768x52.png 768w, https:\/\/docs.oceanthemes.site\/archi\/wp-content\/uploads\/sites\/10\/2020\/09\/advanced-onepage.png 1183w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Click&nbsp;<em>Save Changes<\/em>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Using Page scroll to id with Elementor Page Builder: A quick guide for using\u00a0the &#8220;Page scroll to id&#8220; plugin\u00a0with\u00a0 Elementor Page Builder\u00a0on your WordPress site. You can download the plugin here: Page scroll to id plugin 1. In WordPress admin, go to&nbsp;Settings&nbsp;\u2192&nbsp;Page scroll to id&nbsp;and make sure the&nbsp;Selector(s)&nbsp;option value is: 2. If you have a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-826","post","type-post","status-publish","format-standard","hentry","category-06-header"],"_links":{"self":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/posts\/826","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/comments?post=826"}],"version-history":[{"count":0,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/posts\/826\/revisions"}],"wp:attachment":[{"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/media?parent=826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/categories?post=826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/archi\/wp-json\/wp\/v2\/tags?post=826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}