Support Center Visit Demo License manager Buy @ envato

Links on a OnePage to another section

netWKRnetWKR
in Theme support
Hi,

I use a page with OnePage option enabled.
Links in the menu are working like expected (smooth scrolling).
Now I need a link on the page itself to another section but here it's jumping directly to the section and not smooth.
I already tried to add data-hash="#xxx" to the link, but this is also not working.

Thx in advance for your help.

Comments

  • PabloPablo
    Hello,
    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.

    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • netWKRnetWKR
    Hi,

    thx for your answer. How it works in the Menu was clear to me.
    But the last sentence helped me a lot - that was the reason of my question.

    Another question:
    I use a flatbox - is there also a possibility to add a scroll class to the link? If I add the scroll class to the flatbox item itself it's not working.
  • PabloPablo
    No it's not gonna scroll.
    That's because the "scroll" css class must be applied to the <a> element, and custom class field inserts it into the box of that item.

    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • netWKRnetWKR
    I found a solution: I have overwritten the shortcode in my functions.php of childe theme :)
Sign In or Register to comment.