DD Mega Menu Centering/Resize Problem

[dbsj]

1) Script Title: DD Mega Menu

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

3) Describe problem: I've installed this on my site, and it's really excellent. :D

However, I wanted the dropdowns to be centered on the site, rather than come out from the right or left of the menu item, and by searching this forum I found these two very helpful threads:

http://www.dynamicdrive.com/forums/showthread.php?72400-Mega-Menu-Drop-downs-positioning&p=288126#post288126 (change to .js file and fix for horizontal scrollbar)

http://www.dynamicdrive.com/forums/showthread.php?72738-Fine-Tuning-Multiple-Mega-Menus/page2 (addition of jQuery function, adapted for my markup)


And the menus look great - on my desktop!

However, on an iPad, the megawrapper on the second and third menu items are creating a right margin on the whole site when clicked. I think this is to do with the fact the megawrapper is positioning absolutely to a certain distance from the left of the screen, even though the actual div for the dropdown is in the correct position?

I can't replicate this on the desktop, but here's a screenshot of what I think is causing the problem:

http://test.designbystephaniej.com/menu-item-1.jpg
http://test.designbystephaniej.com/menu-item-2.jpg
http://test.designbystephaniej.com/menu-item-3.jpg

And a screenshot of the actual problem from an iPad:

http://test.designbystephaniej.com/megamenu-ipad-problem.jpg

I've tried lots of different things with the code, but to no avail - any help would be gratefully appreciated!!

The test site: http://test.designbystephaniej.com/


Thank you!

[ddadmin]

Hmm first thing to determine is whether we're dealing with an issue with the modified script, or the original as well. Without the custom changes does the menu still mess up the layout on drop down?