Build Zeever one-page website with anchor links to menu items

  • Resolved nikidayun

    (@nikidayun)


    1 year, 10 months ago

    I am using Zeever template with your text editor. Now I want to make a one-page site with anchor links from the menu to the body of content. 

    I have downloaded the Code Snippet plug-in. Then, inserted the custom JS to the header section of the Code Snippet.

    Also, the data-ID in the JS code is changed to the guten-V8bssC (as it is the section that the anchor link points to).?

    Here is the full code.

    document.addEventListener(‘DOMContentLoaded’, function(){ document.querySelector(‘.gutenverse-menu-container a[href=”#section”]’).addEventListener(‘click’, function(){ document.querySelector(‘.section-wrapper[data-id=”guten-V8bssC”]’).scrollIntoView(); }); });

    However, the code appears above the header like this screenshot. 

    https://www.dropbox.com/s/rys1cf5vmktzci0/Screen%20Shot%202023-04-23%20at%205.59.21%20pm.png?dl=0

    What should I do?

    • This topic was modified 1 year, 10 months ago by nikidayun.
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Build Zeever one-page website with anchor links to menu items’ is closed to new replies.