Doubt with scroller template

Beaver Builder
1

How to make the arrow on a module like scroller to scroll you down the “full screen image” and into the rest of the content? How to create “internal links” on a page to point/link the arrows as target to a further part of the page?

Thanks!

2

Hi Pablo,

You can add a link to the down arrow icon and therefore, you can use the id attribute to navigate to that part of the page.

For example:

  1. Add a link like this to the down arrow icon `http://www.my-website.com/#hello

  2. Then go to anywhere on your page that you wish to navigate to and add the following HTML <h1 id="hello">My Header</h1>.

  3. When you save the changes and click the down arrow icon, it should navigate to where you added the header code <h1 id="hello">My Header</h1> on your page.

To have your links navigate to each Row, you want to add a HTML module to the very top of each Row and use the example code I have you above. However, you will probably not want to include a title to the header code. So try something like this:

<span id="first-row"></span>

Repeat this for all Rows you wish to navigate to.

Thanks,
Danny