Why to my drop-down Nav Menus Not work right on Members' Pages?

See for yourself: http://housingstorm.com/members/

When you hover over the menu, the dropdown menu appears, but then goes away before you can click anything. The menu works perfectly on every page except for member directory and member profile pages.

  • gregfielding

    Ok....that was it. Here's the embed code from mailchimp that I was using:

    <!-- Begin MailChimp Signup Form --><br />
    <!--[if IE]><br />
    <style type="text/css" media="screen"><br />
    	#mc_embed_signup fieldset {position: relative;}<br />
    	#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}<br />
    </style><br />
    <![endif]--> </p>
    <p><!--[if IE 7]><br />
    <style type="text/css" media="screen"><br />
    	.mc-field-group {overflow:visible;}<br />
    </style><br />
    <![endif]--><script type="text/javascript" src="http://housingstorm.us1.list-manage.com/js/jquery-1.2.6.min.js"></script><br />
    <script type="text/javascript" src="http://housingstorm.us1.list-manage.com/js/jquery.validate.js"></script><br />
    <script type="text/javascript" src="http://housingstorm.us1.list-manage.com/js/jquery.form.js"></script><br />
    <script type="text/javascript" src="http://housingstorm.us1.list-manage.com/subscribe/xs-js?u=ad7d5f386901aa3b804ff86c0&id=30ed581667"></script></p>
    <p><div id="mc_embed_signup"><br />
    <form action="http://housingstorm.us1.list-manage.com/subscribe/post?u=ad7d5f386901aa3b804ff86c0&id=30ed581667" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial;font-size: 12px;"><br />
    	<fieldset style="border: 0px solid #000000;padding-top: .5em;margin: 1.5em 10px;background-color: #ffffff;color: #222222;"><br />
    	<legend style="text-transform: capitalize;font-weight: bold;color: #ffffff;background: #505050;padding: .5em 1.3em;border: 1px solid #000000;font-size: 1.2em;">Subscribe to Our Weekly Newsletter</legend><br />
    <div class="mc-field-group" style="margin: .3em 5%;clear: both;overflow: hidden;"><br />
    <label for="mce-EMAIL" style="display: block;margin: .2em 0;line-height: 1em;font-weight: bold;">Email Address </label><br />
    <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;float: left;z-index: 999;"><br />
    </div><br />
    <div class="mc-field-group" style="margin: 1.3em 5%;clear: both;overflow: hidden;"><br />
        <label class="input-group-label" style="display: block;margin: .2em 0;line-height: 1em;font-weight: bold;">BONUS: Monthly Newsletter for Investors... </label><br />
        <div class="input-group" style="padding: .7em .7em .7em 0;font-size: .9em;margin: 0 0 -1em 0;"><br />
        <ul style="margin: 0;padding: 0;"><li style="list-style: none;overflow: hidden;padding: .3em 0;clear: left;display: block;margin: 0;"><input type="radio" value="1" name="group" id="mce-group-0" style="margin-right: 2%;padding: .2em .3em;width: auto;float: left;z-index: 999;"><label for="mce-group-0" style="display: block;margin: .2em 0 0 0;line-height: 1em;font-weight: bold;width: auto;float: left;text-align: left;">Send It!</label></p>
    <p>    </div><br />
    </div><br />
    		<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;"><br />
    			<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div><br />
    			<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div><br />
    		</div><br />
    		<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1em 0 .2em 5%;"></div><br />
    	</fieldset><br />
    	<a href="#">Close</a><br />
    </form><br />
    </div><br />
    <!--End mc_embed_signup--><br />

    Is there an error there that I need to remove?

  • Tammie

    @gregfielding: There is no need to redeclare jquery your theme uses it already:

    <script type="text/javascript" src="http://housingstorm.us1.list-manage.com/js/jquery-1.2.6.min.js"></script>

    Also check you are using jquery noconflict mode: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

    Beyond that not sure - you can use firebug perhaps to track the bug down further but those are good starting points hopefully for you.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.