I am following this tutorial on how to create a drop down mega menu: Building a mega menu in Webflow - YouTube
I am having an issue where my Div which contains the Dropdown content pushes the Section which sits below the Nav down. This happens when the hover interaction is triggered by hovering the menu item and the Dropdown div appears.
My solution was to set the section below the menu to have a position Relative and then have a z-index lower than the entire Menu Div. This doesn’t seem to have an effect. I’ve tried everything, not sure what I am doing wrong.
Here is a video of the problem, with my z-index-ing clarified: Loom | Free Screen & Video Recording Software
Here is my site Read-Only: LINK