Header Menu

Comments

• Antonmoerike

  July 2018

  Here is a screenshot from another page I found a few hours ago where the it works: https://snag.gy/AfCKjo.jpg

  
  

  If you click on "Technik" in headermenu, you are NOT going to be linked to another subpage like /technik. Instead it scrolls automatically to the section /#technik on the landing page (It´s a onepager).

  
  

  That´s exactly what I want to have

  
  

  Best regards
• Pablo

  July 2018

  This is what you need to do:
  
  1. Go to menus and create a new menu - http://prnt.sc/f2v9he
  2. Name the menu and add a custom link with the ID anchor you will use later(do not use spaces). Add to menu -http://prnt.sc/f2v9th
  3. When the menu item is added to the menu, save and go to Manage Locations -http://prnt.sc/f2vafb
  4. You go to your main page, you see the new link but when you click nothing happens? No worries, it is because the link has to know where to scroll, to do this edit the page. -http://prnt.sc/f2vc36
  5. Edit the section to which you want the button to scroll -http://prnt.sc/f2vcho
  6. In the field Custom ID type in the id from the button, in my case, it was id=work, no hashtag there -http://prnt.sc/f2vgaz
  7. Remember to have the one-page option selected under the muffinbuiler -http://prnt.sc/f2vcm7
  
  If you do not want to use a normal menu to link the user to sections, you need to add a 'scroll' class to the custom link elemment.

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next