Take a look at kinsta.com. I’d like to replicate that mega menu behavior. The mega menu slides down on hover over any item, and then does not close until the mouse leaves the main nav container. In bricks, I have the items all setup, but the transitions are glitchy.
- How do we do a slide down transition?
- What CSS or JS methods do you guys think would work to keep the drop downs open until mouse leaves entire nav menu div, or goes into another drop down item hover?
- When that transition over to another dro-down item, do not slide back up the previous item.
The idea is we want to open mega menus, and it be smooth and not bounce around so long as the mouse is hovering inside the nav menu somewhere, and once slid open, hovering over another drop-down item in the menu would not slide up and back down again. Right now, anytime you leave the drop down area of a bricks dropdown area, the transition out occurs, so you see a bunch of open and close of transitions.