Need help displaying child menu items.

[John]

Using WordPress and Bootstrap. I’m trying to figure out how to show child links, but can’t figure it out. Hopefully someone can help, thanks.
http://personalstylist.ca/temp/

[Paulie_D]

Doubtful if this is a CSS issue….more likely to be either a WP or JS issue.

[John]

Not really sure. I got them to display by adding

.navbar-nav>li>.dropdown-menu {
    display:block;
}

but I need to display it on hover. I’m going to take a look at this site and try what they suggest. http://cssmenumaker.com/blog/wordpress-3-drop-down-menu-tutorial

[Paulie_D]

Yes…I understand but I would have thought that WP would do that for you automatically.

However..

.navbar-nav > li:hover > .dropdown-menu {
    display:block;
}

[John]

Well that works Paulie_D. Now I’d just have to figure out how to display a sub link of child links.

Media
    CTV
    Rogers
         Jewel 98.5

So right now it doesn’t display when you hover over Rogers.

P.S. Yes it does work fine without the nav walker class, but you don’t get the caret showing that link has more than one link. And you can’t add glyphicons.

[Paulie_D]

.navbar-nav li:hover > .dropdown-menu {
    display:block;
}

The original only related to submenus that were children of top level list items.

The new one applies to any submenu that is a child of any list item within the navbar-nav menu structure..

[Author]

Posts