codyhouse / mega-site-navigation

A responsive navigation for mega sites

Mega-Site Navigation

A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

Article on CodyHouse

Demo

⚠️ A new version of this Experiment is available in our Components Library.

Icons by Dario Ferrando available for free download on Freebiesbug

Terms

mega-site-navigation's Issues

Menu Won't Expand on Hover

I can't get the menu to expand when hovering. Is there a work-around for this?

tip

the code in "creating the structure " looks like too big on responsive,
one solution of this is let the code fonts smaller , and remove the unnecessary black backgrounds on then

Scrolling bug

I know this is a bit old of code, but figured you'd want to know as it's an odd behavior that I'd like to find a solution for as well. I found a bit of a bug with scrolling when nav is open.

To reproduce, open the navigation on any smaller screen to product hamburger. Make sure the height of the screen is shorter than the longest list (eg. clothing > accessories). Notice how far you can scroll down to get to watches. Now go back up and choose Beanies. Now scroll down. Notice how you go well past Scarves & Snoods?

This might seem trivial, but I have a site that has easily a tree of 100 items all nested and self-contained. The nav works great until you come to a section that has a long list of top-level content, but whose children don't have as much content (which would make sense if you're drilling down through content. The experience is that you can keep scrolling until you reach the end of what the Parent ul has in total for height.

Any thoughts on fixing? Happy to do it myself, but not sure how if the item is ul fixed.

Thanks!

Problem in Firefox

Hi,
Love the navigation but in firefox the ul with class="cd-primary-nav is-fixed nav-is-visible" gets a horizontal scroll which I can fix with overflow-x: hidden but even the vertical scrolls seem to be messing up the padding in the ul... even when there aren't enough items in the list to warrant a vertical scroll you still get one.... also the main section is scrollable when the nav is open which is adding another vertical scroll bar. I've been trying to fix but am unable to find solution. Would love to use this with the project I'm working on! Thanks!