Expand Dropdown

Hi folks,

I need help with a dropdown menu that has two states:

  1. The dropdown links across top of the homepage header where I need to show each of the dropdown lists, but then click to the other drop down items too.
  2. Open the whole menu bar again from a fixed menu button (‘Hi’) as you scroll down from the header.

Basically I’m trying to avoid clicking twice in the header full width menu bar to reach the second list.
It makes more sense when you view the live link/share file.

Share link: https://preview.webflow.com/preview/hills-baptist?utm_source=hills-baptist&preview=796e1936be2f852044b22da0c6c155ad

Staging link:
https://hills-baptist.webflow.io/

Any help would be handy.
Thanks, Dan