Navigation bars

• 

  malaika506e4d2662 · Member · Jun 13, 2022 at 8:44 pm

  • Copy link
  • Add topic to favorites

  Hi! I’m a WordPress beginner, and I’m trying to link my Nav bars with different sections of my webpage, and I filled in the rel link with the URL of the section, but it’s not working. Also, I have a section where my LinkedIn badge is supposed to display, and I inserted an HTML section and submitted the info specified on the LinkedIn creating a badge page, but it’s noot rendering properly.

  WP.com: Yes
  Correct account: Yes

  The blog I need help with is: (visible only to logged in users)

• 

  kokkieh · Staff · Jun 14, 2022 at 6:21 am

  • Copy link

  Hi there,

  I’m a WordPress beginner, and I’m trying to link my Nav bars with different sections of my webpage, and I filled in the rel link with the URL of the section, but it’s not working.

  What you want here is called page jump links. For those you need to add what’s called an anchor to the headings/sections you want to look for, by giving each one a unique id attribute. It looks like you’ve done that already – on your Digital Resume heading, for example, I can see the id, digital-resume

  Then to add that to your menu, edit the menu, add a custom link item, and for the URL, enter #digital-resume. Repeat for the other sections.

  At the moment it’s not working, because you have the section title Digital Resume, entered as the URL.

  I have a section where my LinkedIn badge is supposed to display, and I inserted an HTML section and submitted the info specified on the LinkedIn creating a badge page, but it’s noot rendering properly.

  LinkedIn badges use JavaScript code, and JavaScript is only allowed on WordPress.com on our Pro plan:

  https://wordpress.com/en/support/code/

  So you won’t be able to embed that code on your free site.

  As a workaround, you can take a screenshot of your badge after you’ve generated it in your LinkedIn profile. Then insert that on your front page using an image block instead, and link the image to your LinkedIn profile.

• 

  malaika506e4d2662 · Member · Jun 14, 2022 at 9:53 pm

  • Copy link

  Hi! Thanks so much for your information! I was able to implement a lot of your tips. How do I make the navbar show the link titles rather than the anchors?

• 

  staff-totoro · Staff · Jun 14, 2022 at 11:24 pm

  • Copy link

  Hi there,

  Once you have the links set up in the navigation menu, you can edit the visible text to be anything you wish, and it will not change the underlying page jump link.

  This is difficult to explain in words, so I recorded a quick video to show you how to edit the link text, and then showing that after the edit the link itself (which hashtag) is not affected.

  You can view the at this link: https://d.pr/v/08Q1uP

  Hope that helps. Please let us know if you have any more questions.

• 

  malaika506e4d2662 · Member · Jun 15, 2022 at 8:48 am

  • Copy link

  Wow that’s great! Thanks so much for the help!