Two Column Dropdown Menu

[BlueSunInc]

Does anyone know how to create a dropdown menu in the navigation that's two columns or more? I have a client with a LOT of items in the dropdown menu and she'd like them to show in shorter, multiple columns (because she'll be adding to this in the future). From what I've researched, it's a complex thing to do, but this is for themes other than Genesis. Has anyone done this with Genesis before? Thanks.

[Ozzy]

some of it will depend on the theme you're using and how the menu is set up, but some CSS should do the trick.

---

Ozzy Rodriguez | Twitter | Google+

[BlueSunInc]

Thanks, and that's what I need to know next. I have her set up on the Backcountry theme. Also, when hovering over the secondary navigation buttons and going to click on the dropdown items, the dropdowns disappear really quickly. Is there any way to fix that? It's kind of frustrating trying to get the cursor placed just so, so that the dropdown stays.

[Brad Dalton]

You could install a mega menu http://wordpress.org/extend/plugins/jquery-mega-menu/

---

Tutorials for StudioPress Themes.

[BlueSunInc]

Thanks Brad, but the plugin didn't make sense to me. I couldn't see how to set it in the actual navigation bar and not in a custom menu in the widget section.

However...I did find this snippet of code I added to the bottom of the CSS and that solved the problem right away:

`.sub-menu{display:inline-block; width:325px !important;}`

`.sub-menu li{width:50% !important;}`

`.sub-menu li a:hover{color:#FFFFFF;}`

`.sub-menu li:nth-child(even){float:right;}`

One problem solved...now does anyone know how to keep the dropdowns from disappearing the second I move the cursor to click on one?

[Author]

Posts