Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jan 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Working with Cut & Paste jQuery Mega Menu

    I am working on a project that will in corporate a menu from 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!
    Last edited by noscowboy2004; 01-20-2011 at 05:36 AM. Reason: Solved

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    Looks like you just need to edit your css:

    Code:
    #leftnav ul {
        width: 100%;
    }
    
    .menuheader a {
        display: block;
    }
    Does that do what you're after?

  • Users who have thanked SB65 for this post:

    noscowboy2004 (01-20-2011)

  • #3
    New to the CF scene
    Join Date
    Jan 2011
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Working with Cut & Paste jQuery Mega Menu

    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •