Question

I am creating a site with a shrinking header section “on scroll” and a dropdown menu.

The issue I am having is that when I scroll down the dropdown is not being shown correctly. I tried for hours inspecting the “ul” element containing the dropdown, but I can’t understand whats going on because when I inspect the element I see the box there, but its not being show.

I set up a demo of my issue here http://makanudos.com/pico/beg.php

You will see that if you don’t scroll, it works, once you scroll, even if you scroll back up its messed.

When I removed the shrink function for the header it all works, so my guess is that the error must be there, but after hours I got no luck.

Any point in the right direction will be more than appreciated!

Answer 1

The parent li that holds the ul which animates, gets an inline style of overflow: hidden. That’s why you can’t see the menu opening, even though it’s there.