How to make a responsive navbar

How do websites make the nav bars take them to different sections on their pages? That is what I am trying to do with my codepen. I have looked all through w3 schools and i just dont understand, can someone explain?

I think what you’re looking for is called anchor tags.

I think that you’re lookign for something like:

<a href="#your-section-id">Section name</a>

If you could put your code in for example, I could help you better. I hope this does the job.

Thank you @Stahlone, I have never heard of that site, I like it already. Could you show me how to use the anchor tags?
use this one if so, this one is the most recent


looking at your page you have a basic page with a nav bar and then some text. What you need to do is

  1. have a tag (eg
    ) around each block of text and that DIV has an ID (so in your example
<div id="about">info</div> 
  1. change the href in your ABOUT nav element to be
<a href="#about">About</a>

and that will link the About word to the About id

something like

  <li><a href="#About">About</a></li>
  <li><a href="#Info">Info</a></li>
  <li><a href="#Contact">Contact</a></li>
 Random Info
<div id="About">
About Section Goes Here

I have all the code in but it still wont do it, do I need java for it to be responsive?

Wait I got it, never-mind. Thank you so much, I have been trying to figure this out for awhile.