Nested Menu

Site URL: https://digitalisationinkenya.squarespace.com/

password=test

1. When I click the link in the upfront menu (summary, or any user story) - the site auto scrolls to the anchor tag link but as the header shrinks on scroll, the page below seems to appear those many pixels covered by the header (header shrinks to 70 px and the section below is covered by the header on scroll by 70 px) - any clue what could fix this?

2. Do you know how to sub-categorize the menu items furthers into sub groups (like every 3 user stories fall under one bigger sub-group which appears as the header in the drop-down menu). So it would look like:

> User stories (main menu item)

    >>Livelihoods (nothing happens on clicking this sub-group label)

          >>>Ag-Tech (actual anchor tag link)

          >>>Ed-Tech

          >>>E-commerce

    >>Psychometrics (nothing happens on clicking this sub-group label)

          >>>Trust (actual anchor tag link)

          >>>Fear

          >>>Concern