Anchor Links

If you want to have a link that scrolls down to a point lower in the page, you use an anchor link. Example:

http://stories.bwen.com/landing-cng-service-capabilities#packages

 

 
Step 1: Find a target above where you want to have the page scroll to and insert a new block. NOTE: On my first attempt, I added a block to above "Pick A Service...." and it scrolled the page down too much so I moved the new block to after the Broadwind | Safe logo.

Step 1: Find a target above where you want to have the page scroll to and insert a new block.

NOTE: On my first attempt, I added a block to above "Pick A Service...." and it scrolled the page down too much so I moved the new block to after the Broadwind | Safe logo.

 
Step 2: Add a code block

Step 2: Add a code block

 
Final Step: Add this code: <div class="pagelink" id="packages"></div> The "pagelink" class makes sure this target takes up no space and the ID="packages" is the anchor link name you want to use – i.e. you'll change that for multiple links on a page or depending on what you're linking to. Referencing Link /landing-cng-service-capabilities#packages Use the page URL plus the ID and that's it.

Final Step: Add this code:

<div class="pagelink" id="packages"></div>

The "pagelink" class makes sure this target takes up no space and the ID="packages" is the anchor link name you want to use – i.e. you'll change that for multiple links on a page or depending on what you're linking to.

Referencing Link
/landing-cng-service-capabilities#packages

Use the page URL plus the ID and that's it.