{"id":1057,"date":"2023-01-31T05:48:41","date_gmt":"2023-01-31T05:48:41","guid":{"rendered":"https:\/\/oceanthemes.net\/docs\/sandbox\/?p=1057"},"modified":"2023-08-30T08:46:41","modified_gmt":"2023-08-30T08:46:41","slug":"menu-one-page","status":"publish","type":"post","link":"https:\/\/docs.oceanthemes.site\/techwind\/2023\/01\/31\/menu-one-page\/","title":{"rendered":"2. 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 rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/page-scroll-to-id\/\" target=\"_blank\">Page scroll to id plugin<\/a><\/p>\n\n\n\n<p>1. You need use template onepage. Go to page after select template onepage for page<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"282\" height=\"428\" src=\"https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/page-template.png\" alt=\"\" class=\"wp-image-1165\" srcset=\"https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/page-template.png 282w, https:\/\/docs.oceanthemes.site\/techwind\/wp-content\/uploads\/sites\/9\/2023\/08\/page-template-198x300.png 198w\" sizes=\"auto, (max-width: 282px) 100vw, 282px\" \/><\/figure>\n\n\n\n<p>2. In WordPress admin, go to\u00a0<strong><em>Settings<\/em>\u00a0\u2192\u00a0<em>Page scroll to id<\/em><\/strong>\u00a0and make sure the\u00a0<strong>Selector(s)<\/strong>\u00a0option value is:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>#primary-menu a&#91;href*='#']:not(&#91;href='#'])<\/code><\/pre>\n\n\n\n<p>3. 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\u00a0<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\u00a090 will offset page scrolling by 90 pixels.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img decoding=\"async\" src=\"http:\/\/oceanthemes.net\/docs\/theratio\/wp-content\/uploads\/sites\/6\/2020\/09\/offset-onepage.png\" alt=\"\" class=\"wp-image-832\"\/><\/figure><\/div>\n\n\n<p>4. 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<div class=\"wp-block-image\">\n<figure class=\"alignleft size-large\"><img decoding=\"async\" src=\"http:\/\/oceanthemes.net\/docs\/theratio\/wp-content\/uploads\/sites\/6\/2020\/09\/advanced-onepage-1024x69.png\" alt=\"\" class=\"wp-image-828\"\/><\/figure><\/div>\n\n\n<p>Click&nbsp;<em>Save Changes<\/em>.<\/p>\n\n\n\n<p><strong>Example: <\/strong><a href=\"https:\/\/demo.oceanthemes.site\/techwind\/home-landing-five\/\">https:\/\/demo.oceanthemes.site\/techwind\/home-landing-five\/<\/a><\/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. You need use template onepage. Go to page after select template onepage for page 2. In WordPress admin, [&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-1057","post","type-post","status-publish","format-standard","hentry","category-06-header"],"_links":{"self":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts\/1057","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/comments?post=1057"}],"version-history":[{"count":3,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts\/1057\/revisions"}],"predecessor-version":[{"id":1167,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/posts\/1057\/revisions\/1167"}],"wp:attachment":[{"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/media?parent=1057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/categories?post=1057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.oceanthemes.site\/techwind\/wp-json\/wp\/v2\/tags?post=1057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}