We recently added a new function to the page banner’s button. In the background, there is a class of smooth. When you add a corresponding anchor ID, it will give the user a smooth scrolling effect that brings them down the page to the preset anchor point.
There is an example of this function on the Banner Featured Image page.
Two Easy Steps to Setting Up the Anchor Function
Step One – Set the Anchor
In the WordPress page editor, click on the three-button menu ‘Edit as HTML’. Then add an ID to the heading that you wish to set as the Anchor. Here is an example of the code:
<h3 id="anchor">Smooth Scroll Anchor Function</h3>Step Two – Set the Link
Once the Anchor is set, you’ll need to add a corresponding ID to the URL link used within the button. In a link, the ID is represented as a hashtag #. Here is an example of how to build the link:
https://theme4.lalaprojects.com/banner-featured-image/#anchor