Support Center Visit Demo License manager Buy @ envato

Anchor links

pinkeshspinkeshs
in BeBuilder
Hi,

How can i give anchor links in a page?

Comments

  • BryanBryan
    Hi,
    I have a tutorial on creating anchor links for the menu, but you will undestand how it works for custom links as well. Here it is:

    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 have a split menu, so you have to set a left menu (main menu) and a right menu (secondary menu) Basically you need to create two menus for this -http://prnt.sc/f2vba9
    5. 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
    6. Edit the section to which you want the button to scroll -http://prnt.sc/f2vcho
    7. 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
    8. 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 element.
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • pinkeshspinkeshs
    the link is not showing in my page, can you share video tutorial?
  • BryanBryan
    Please follow the tutorial again, of you want a simple video tutorials, there are many on youtube.
    Just look for "scroll to id"
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
Sign In or Register to comment.