View Full Version : Resolved Working with Cut & Paste jQuery Mega Menu

01-19-2011, 06:30 AM
I am working on a project that will in corporate a menu from http://www.javascriptkit.com/script/script2/jkmegamenu.shtml (http://http://www.javascriptkit.com/script/script2/jkmegamenu.shtml) and what I am trying to do is make this menu into a vertical(up and down instead of the web standard left to right) with the drop downs appearing to the right at the edge of the main item. I am not sure how to explain this properly, so I am winging it.

The site I am trying to get it working on is http://www.shopeaglered.com/practice.htm. This is my test page, and while I have the menu somewhat working, it does not land where I want it to on the menu located on the left hand side. To try and be clear, I would like it to end up landing on the edge of the box i.e. All New Products, lined up with the top edge of the box and lined up with the right side of the box. If anyone can tell me what part I need to edit, I would greatly appreciate it, as I am at a loss and have spent all day experimenting to no avail. Thanks ahead of time!

01-19-2011, 06:56 PM
Looks like you just need to edit your css:

#leftnav ul {
width: 100%;

.menuheader a {
display: block;

Does that do what you're after?

01-20-2011, 06:35 AM
Yes, that fixed it to how I wanted it. I was thinking the whole time that my problem was lying in the javascript not the CSS. That is why I posted in this forum. Thanks a million for the fix! I really appreciate it.