Results 1 to 3 of 3

Thread: Mega Menu drop down cutting off

  1. #1
    Join Date
    Jan 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Mega Menu drop down cutting off

    http://wmpl.mirandacreative.net/index.shtml

    I can not seem to figure out why on SOME of my drop down navigation the boxes are being cut off.

    I used the ddmegamenu script.

    If you can see what I am overlooking please help... thank you!!

  2. #2
    Join Date
    Aug 2004
    Posts
    10,140
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Hmmm this may or may not be the culprit, but your current markup for the mega menu DIVs contains extraneous data that shouldn't be there:

    Code:
    <div id="drop1" class="mega solidblocktheme" style="width:200px">
    <div class="column">
    	<ul>
    	<li><a href="/about-library/staff.shtml">Staff</a></li>
    	<li><a href="#">Friends of the Library</a></li>
    	<li><a href="#">Support the Library</a></li>
        <li><a href="/about-library/bod.shtml">Board of Directors</a></li>
    
    	<li><a href="/about-library/history.shtml">Library History</a></li>
    	</ul>
    	</div>
    
    
    </div>
    The "columns" DIV shouldn't be there, as all your drop down menus are simply single file ULs, not multiple columns of ULs. Try changing the above to:

    Code:
    <div id="drop1" class="mega solidblocktheme" style="width:200px">
    	<ul class="ulmenu">
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">JavaScript Clocks</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">JavaScript Scrollers</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Text Effects</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Password Protecting</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Form Validation</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Ajax Scripts</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Image Effects</a></li>
    		<li><a href="http://www.javascriptkit.com/cutpastejava.shtml">Link Effects</a></li>
    	</ul>
    </div>
    This simplification should be done for the other mega drop down DIVs on your page as well.
    DD Admin

  3. #3
    Join Date
    Jan 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Thanks

    That was helpful. It did not fix it though. I isolated the script on a page and it works... so I now I just have to find out where the conflict is.

Bookmarks

Posting Permissions

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