academicpages / academicpages/academicpages.github.io

Adding a dropdown menu to the main menu

Open
#1,025 3 comments 2 reactions 0 assignees View on GitHub
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:
![image](https://user-images.githubusercontent.com/25534367/191040816-3a2c4b97-c744-4383-8106-25e019a950ad.png)
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.