Streaming live at 10am (PST)

Mega Menu Dropdown Scroll Issue


#1

Hello, I am trying to create a mega menu, and I think I have most of it however the dropdown section when someone clicks the dropdown link does not stay fixed to the top of the navbar while scrolling, I was wondering if anyone knows how to fix this?


Here is my site Read-Only: https://preview.webflow.com/preview/mega-menu-c580ab?preview=6ad5e9ab87cd66094dd3cae025ac33f1


#2

Hi,

Absolute positioning can be tricky if you don’t know what’s going on. Absolute positioning will position an element relative to whichever parent element has “Relative” positioning.

In the case of your project, both the “dropdown toggle” and “Div Block 36” classes which contain your mega drop down menu are set to “Relative” positioning. Therefore you are positioning the dropdown list relative to those elements rather than the body of the page. When you change the positioning of these two elements to “Auto” it will enable you to better control the drop down list that pops out when you click the links.