Smooth scrolling anchor links

To add smooth scrolling anchors links like micro site template, link structure should be like this

<a class="anchor-link" href="#services">Services</a>

For WPBakery “Default Button” element in The7, there is  an option to enable smooth scroll.

Fig.1. WPBakery smooth-scroll link.

For any widget in Elementor

Refer to the Advanced tab -> Advanced -> CSS ID and add the anchor:

Fig.2.1. Elementor smooth-scroll link. Section anchor.

For the button, add the “anchor-link” class in the Advanced tab:

Fig.2.2. Elementor smooth-scroll link. Button class.

To add anchor link to Revolution slider

You will need to set action attributes like this:

Fig.3.1. Slider Revolution smooth-scroll. Assigning a link.

Then, add class "anchor-link" to the the link in attributes tab:

Fig.3.2. Slider Revolution smooth-scroll. Assigning the class.

Anchor navigation does not work for subpages? Try this!