Anchors + Links

rabalaisdesign · January 2019

On my site, it would make sense to have a few main pages and use anchors navigate to specific sections of each page. However, when I set it up, I notice that I can either use anchors or create individual pages for each section I want to anchor. Is there a way I can get both? The link is: www.pmlcgroup.com

Any help would be greatly appreciated.

Pablo · January 2019

Hi,

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 element.

Thansks

rabalaisdesign · January 2019

I've followed this process. The problem is not that the anchors don't work when you are on the single scroll page, the problem is that when you try to click on an anchor from the dropdown while you are on a different page, you can't get to that anchor point on a different page.

Pablo · January 2019

If you want to link the Anchor which is on another page, then you have to use the whole link to that location, not only the "#contact" for example.

It has to be "https://mypage.com/example/#contact"

Thanks

Anchors + Links

Comments