Qtip lets you pass in a custom target element. So you can make a menu appear full width and left aligned under a full horizontal primary nav. This is really good for really wide / big mega menus.

I've hacked the menu_minipanels.js file to do this with this code:

settings['position']['target'] = $('#header-group-inner');

But it would be nice to have official support. Nice module BTW.

Comments

willieseabrook’s picture

willieseabrook commented
Status: Active » Closed (fixed)

Great idea @sammo. This is committed to latest dev version. See the "Custom" option in the select box in the menu edit, and the custom field below that for the jquery selector.

sammo’s picture

sammo commented

Great thanks @willieseabrook

tyler-durden’s picture

tyler-durden commented
Status: Closed (fixed) » Active

My CSS skills are horrible, and I am needing the same (Full width panels left aligned). I am using 6.x-1.2 and I have the custom field and select box, but I don't know what css to implement with the '#header-group-inner' code. Thanks in advance!

sammo’s picture

sammo commented

It depends on the template you are using. Just find a div element that is full width and put its id in the Custom field. The dropdown menu should then align under this. Use firebug for firefox to inspect the DOM of your page templates ...

sammo’s picture

sammo commented
Status: Active » Closed (works as designed)
tyler-durden’s picture

tyler-durden commented

Wow that was simple enough, thanks for the help!

bradbrad’s picture

bradbrad commented

I'm trying to get my dropdowns to span the width of my theme (it's a fluid theme), in other words the min and max width must be set as % not px. I've tried a hundred ways to achieve this but just can't get it right! Any ideas?

stevieegee’s picture

stevieegee commented

Hi Brad

Did you find away to get the dropdown to span a fluid theme? I am trying to do the same.

Stephen