PDA

View Full Version : DD Mega Menu Positioning?



Xar
07-24-2011, 05:06 PM
1) Script Title: DD Mega Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddmegamenu.htm

3) Describe problem: unable to positioning the dropdown megamenu.

So hello, I've been trying to positioning this with css. I also checked the .js which also has the "megawrapper" div for positioning.
For some reason I simply can't move the megamenublock or the block gets cut off when I position it with "right".

I'd appreciate any help!

ddadmin
07-25-2011, 07:07 AM
What do you mean by positioning it using CSS? Are you basically trying to get the drop down menu to position to the right of the anchor link instead of beneath it?

Xar
07-25-2011, 12:44 PM
Actually I'd like to position it more to the left. Well, I simply can't seem to move it for some reason.

naremkim
07-25-2011, 01:26 PM
Hi !
I posted a question same like this on 7-22-2011, 'Subject : Adjusting DD Mega Menu and the second menu absolute positions'. I have an answer but not complete one. You can change the value of that indicated in red in line 62 of ddmegamenu.js file

$wrapper.css({visibility:'visible', left:offset.left-(orienttoleft? $wrapper.outerWidth()-$anchor.outerWidth()-ddmegamenu.wrapperoffset[0] : 0),
negative value takes the menu to right and positive value takes to left. The second menu moves along with it. And you can probably adjust the height by adjusting the line-height of the item of link. I couldn't find the code in the file to directly adjust the height.
I hope it could be helpful to you.

Xar
07-25-2011, 02:39 PM
Oh that makes more sense..
No wonder that I couldn't find it in the css :).

Thanks!
I hope I can turn this out in something better.

naremkim
07-25-2011, 03:27 PM
O.K. Thanks.

Xar
07-25-2011, 03:41 PM
Well, I still don't get why this isn't css controlled.
The JS messed up a lot for me by taking over the style D:.

Xar
07-30-2011, 04:25 PM
*BUMP*
Still unable to position it properly.
I want to have the dropdown on a specific place (all on the same spot), or more to the left.

I'm not a javascript expert so any response is appreciated!