academicpages / academicpages/academicpages.github.io
Adding a dropdown menu to the main menu
- Dominant language
- SCSS
- Stars
- 17.6k
- Forks
- 9.2k
- PR merge metrics
- No merged PRs in 30d
Description
Is there a simple way to add a dropdown menu to the main menu and have it point to different parts of the same page (or even different pages)?
For example, if I hover over this:

I would ideally like to see:
Publications
- Journal Papers
- Conference Papers
Which would take you directly to that section of the markdown file instead of making you scroll down the file.
I have attempted this via html but my skills are very basic. Any help is appreciated!
Contributor guide
Research direction
The main menu is likely defined in a layout file like _layouts/default.html or includes/navigation.html. Look for the navigation structure and see how links are generated. You'll need to add HTML/CSS for a dropdown that links to page sections via anchor tags (#journal-papers). Test by modifying the SCSS in _sass/ for styling and check the Jekyll build locally.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html, jekyll, markdown, scss
- Domain
- content, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 55/100