How to link from the red and green buttons

To jump to specific spots in the page, place /#[ID] at the end of the URL. Whereby ID is the ID for the section as identified in the php editor.

For example:
To jump to the Our Team section, link to https://www.[yourwebsite].com/#team
The ID #team was found by going to the WP administration panel – Appearance — Editor — our_team.php
the line of code is: “echo ‘<section class=”our-team” id=”team”>’;”

You can read why it works here:
https://webmasters.stackexchange.com/questions/12798/name-attribute-is-obsolete-what-is-the-correct-behavior-when-dealing-with-ancho

Thanks so much WPToronto. I found the code: echo ‘<section class=”our-team” id=”team”>’ in the PHP for the team section of the website as you said.
However, the link to my website https://www.mywebsite.com/#team takes me to the top of the website, not the team section, even when I just type that into my browser.
Any idea?

It worked! Without the https://www bit it seems to link through OK. Thanks again!

I meant just without the www bit.

Resolved now.

Hi, Everyone…looking for a little assistance with the Red and Green buttons. Simply put, I am using the Responsiveboat Theme and both of these buttons are showing this code: https://theboltco.com/#focus

My issue is that the “focus” section is hidden, and I want the Red button to go to the “About You” section and the Green button to go to the “Latest News” section; however, I don’t know what #(insert proper code here) to enter to get them to go where I want. From what is written above, I just need to know the right ID# for these sections.

Anyone got some help? Thanks~

Hello,

Here you can find the right id for each section: https://docs.themeisle.com/article/33-how-to-link-menus-to-sections-in-zerif

Best regards,
Alexandra

Hi, Alexandra,

Thanks! That worked like a charm.

Ciao,
Stephen~