Anyone know how to create anchor links

Support
#1

Need to create anchor links to items on the same page. Not using a menu.

#2

First of all you need to give your element an ID.
If you want to use anchor on section / row / column / element - there is an ID field in Customize.

After this you can use text element and paste something like <a href="#anchor">link</a>

#3

You can simply create anchor links using the href code

<a href=" #anchor ">anchor will go here </a>

#4

Thanks! I’m still a little confused on how would I connect the “Income” in the feature list to “Median Income”.

#5

Hi Bernita,

Dan here, fellow Themeco community member.

I just came across your post here and thought I would see if I could help.

At a guess, you could try the following…

  1. Put your Median Income block into its own section.
  2. Give that section a unique ID, as per Georgich’s screenshot above. Perhaps call it median or somthing like that.
  3. Add a link to that Income item in your feature list and in the URL for the link, i.e. the value you put for href=____, enter #median

I haven’t tested this out myself but I suspect it would work something like that…

Hope that helps.
Dan

#6

Yep, that’ll do it, I have the ID set in the custom header sections.

Try this in your JS tab on the side for some smooth scrolling action

https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate_smoothscroll

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.