Anchor links were primarily made to be used in menus, however, in some cases they can be used outside the menu as well.
In order to have an anchor link with a smooth scroll effect, you need to be able to add the anchor class to the element containing the link. If the element you want to link from has the option to input additional classes using the Custom CSS Class field, you will be able to use anchors with it.
To demonstrate, we will be adding the anchor class to a button element and linking it to a row further down the page.
First, you need to add the anchor class using the Custom CSS Class field:
In the Link field, you will input a # followed by the anchor ID you set for a row you want to scroll to in the page:
When clicked, this button will smooth scroll to the row containing the anchor ID.
You can even link to a different page than the one your button is on, by inputting the anchor ID into a row on the other page. In this case, the link you input in the button element will have to contain the path to the page in question, followed by # and the anchor ID:
Make sure that the anchor you add to the link matches the anchor ID in the row.
Most theme elements that have the option to link to a page also have the Custom CSS Class field, meaning that you can use all these elements to create your anchor links.