Hi Friends,

Working on a project with buildr - which I LOVE. But something is wonky with the menu and dropdowns.

I want it to work like this www.trcmarin.org hover on Resources

But it's doing this www.buildwelllibrary.org/bwsource16/index.php

In other words, I want, on hover, a dropdown with fff background and 000 text to display without wacking out the rest of the logo/menu grid.

What have I missed here?

Thanks, as always!

Hi

Am I looking the the materials? I can't seem to see resources although its late so I may easily have missed it

Cheers
Paul

The Resources menu is on the TRC site. I'd like Materials on the new site to do what it does.

I'm seeing that I'm not the only one with the problem of the dropdown menu not working on hover. However, looking at the responses given to others, I can't find the solution for me using buildr. In one answer, you suggested enabling dropdown in the menu module itself. This not apparent in buildr menu module to me. In another, Anthony suggested an article to solve the issue, but the link no longer connects to an article that helps.

I'm sure there is just a simple setting here to get menu dropdowns to work on hover. Also, for the css formatting in template settings to "take" and render my changes to different background colors and text/link colors than the grid section settings.

As always, you guys are the best. Thanks.

Hi

You've lost me a little

For any Joomla drop down menu the module itself needs dropdowns to be enabled

In the menu module > Show Sub-menu Items

Do you have Group submenu items

Enabled in the zen menu tab in the menu in menu manager?

If so can you try disabling that

Cheers
Paul

Ok, I disabled the grouped submenu option and things improved a little bit. However, I want the dropdown to display on hover from all pages. Right now you have to click on a menu item, go to that page and only then will any dropdown happen on hover. And even then, it only displays the top level and I really want to be able to see all items displayed.

I think I am totally missing something obvious, but I've been looking around for hours without luck.

Thanks

Hi

This does look like the menu module in module manager isn't set to show drop downs

Cheers
Paul

Got it!
One last issue, why is it that the zenmenu dropdown for Materials extends past the right container for the dropdown? Why should this column exceed the dropdown?



www.buildwelllibrary.org/bwsource16/index.php

hmm its because of the min width in the settings

If you add this

.item-135.active.deeper.parent .deeper.parent.zen-group ul{min-width:200px;}

Does that fix it?

Cheers

Paul

No, I added to custom css and it didn't fix.

ah ok I was looking at one pages in that dropdown hence the active class

Try adding

.item-135.deeper.parent .deeper.parent.zen-group ul{
min-width: 200px;
}

Cheers
Paul

Yay, that did it! Thanks!

Cool

Cheers
Paul

Have a great weekend

Cheers
Paul

Circle back to the issue of width of dropdowns -
www.buildwelllibrary.org/bwsource16/index.php

I now have the dropdown for Materials where I want it, with a 2-column ul

But the other dropdowns, which are 1-column are now too wide. How do I make it so the dropdown is wide enough when it's 2 columns and then only about 200px when only 1 column.

Seems like a stupid question, but there you are...
I currently have the dropdown width set to 650 in template settings, the only way to get that 2 column dropdown to display to my liking.

Also, in custom css
.item-135.active.deeper.parent .deeper.parent.zen-group ul{
min-width: 300px;
}
.item-135.deeper.parent .deeper.parent.zen-group ul{
min-width: 300px;
}

Appreciate any tips here!

Try adding

.zen-menu-below ul .item-141.deeper.parent ul {min-width:300px}
.zen-menu-below ul .item-143.deeper.parent ul {min-width:300px}
.zen-menu-below ul .item-188.deeper.parent ul {min-width:300px}

Cheers
Paul

Did the trick, thanks!

You're welcome

Cheers
Paul

Have a good weekend