How to link to a certain section on a page in navigation.yml

Phlow / feeling-responsive

»Feeling Responsive« is a free flexible theme for Jekyll built on Foundation framework. You can use it for your company site, as a portfolio or as a blog.

http://phlow.github.io/feeling-responsive/

MIT License

894 stars 1.33k forks source link

How to link to a certain section on a page in navigation.yml #226

Closed Jimbo994 closed 3 years ago

Jimbo994 commented 3 years ago

Hi,

So, I'd like to have a dropdown menu as shown below:

title: "Lab" url: "/lab/" side: right dropdown:
- title: "People" url: "/people/"
- title: "Associate Members" url: "/people/"

However, I want the "Associate Members" menu option to link to the people section at a certain line instead of having it start at the beginning. How would I be able to do that? Do you have any ideas?

Thanks in advance, Jim

markcmiller86 commented 3 years ago

I just tested something like this and it worked...

- title: Home
  url: "/"
  side: left
  dropdown:
  - title: "About"
    url: "/about/"
  - title: "Getting help"
    url: "/support/#supported-platforms"
  - title: "Examples/Gallery"
    url: "/examples/"
.
.
.

Note the line with #supported-platforms.

Of course, the anchor you are sending to has to exist either because you have an explicit <a name=anchor-name></a> or you are using an implici built-in anchor defined by any of the underlying technologies (markdown, liquid, your layouts, etc).

Jimbo994 commented 3 years ago

That worked perfectly! Thanks a lot for the swift and useful response!

Phlow commented 3 years ago

Hey @markcmiller86 – Thank you for your help!