Komnenos Komnenos - 4 months ago 9
CSS Question

Large gap between menu and content - How do I get rid of this?

I run a small link aggregator site for my colleagues at: http://techlinks.neocities.org/index.html

I've just adapted the site using pure.css framework, so I can use drop down menus. However this seems to have introduced a large gap between the nav menu and content.

I have tried setting the margins and padding to zero on the affected elements , tried negative padding values and tried different positioning properties for the nav bar.

Nothing I've tried gets rid of the gap however.

What is creating the gap and how can I get rid of it?

Thanks in advance.


Remove the height: 100% from the .pure-menu-item element. It's located in the pure-min.css.