We have all seen them and for the most part we have all used them to navigate through a site. They are used as bouncing arrows to notify the user that there is more content below or even as a way to get the user back to the top of the page.
In this tutorial I am going to show you how to set them up to work with your site.
But before we get started you are going to need to install a plugin called page scroll to id. This plugin will make scrolling up and down the page super easy once we get the anchor links set up. Once you have installed the plugin go to settings > page scroll to id so we can make some changes. At the top of the page we need to include another selector for the plugin to look for.
Add this bit of code to the selector box.
It should look like this afterwards.
The fun stuff
Now that we have set up the plugin to do all the heavy lifting we can build our links.
Go to your site if you have one already set up and pick a section down the page preferably a container with sections in it. Open up the container options and navigate to the advanced options. Within the advanced option is where you will the the id of the container.
The id for the section in the picture is #splashup_uyfyu59 Copy and paste this id to your notepad so you can find it in a few.
Go to your menus at appearance > menus and create a new custom link and call it whatever like. In the url area add the id of the section with a pound sign in front of it. So in this particular case it would be
Now return to the front of your site and witness the magic.
If you have any questions post them below.