Homepage Menu Drop Downs Not Showing

  • Author
    Posts
  • #102931

    Hello,

    Everything on my site was working fine until I noticed this morning that my sub-menu drop down on my homepage is hidden behind the slider element. Can someone take a look at my site and help figure that out? I tried playing around with z-index and it didn’t seem to do the trick.

    I’m also having some jQuery errors on my homepage slider so maybe something happened with it? Which is strange because I have not touched that for about a month now.

    Thank you!

    Website: interesting2me.com

    #102932

    It turns out it was my Robly newsletter code that was causing this error. It also made the mobile slider stop working? Here is the code for that newsletter – does anyone have an idea why it would be causing an error with Septera?

    <a href="https://www.google.com/recaptcha/api.js">https://www.google.com/recaptcha/api.js</a>
    <a href="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js</a>
    
    <!-- Begin Robly Signup Form -->
    <div id="robly_embed_signup">
      <form action="https://list.robly.com/subscribe/post" method="post" id="robly_embedded_subscribe_form" name="robly_embedded_subscribe_form" class="validate" target="_blank"  novalidate="">
        <input type="hidden" name="a" value="5d27e8ad4ae0c536964b5bca364bb1ed" />
        
        <h2>Subscribe to our mailing list</h2>
                    <div class="robly_field_group"><label>Email Address:<span class="asterisk">*</span></label><input type="text" name="EMAIL" id="DATA0" class="required" autocapitalize="off" autocorrect="off" value=""></div>
                    <div class="clearfix"></div>
                    <div class="robly_field_group"><label>First Name:<span class="asterisk">*</span></label><input type="text" name="FNAME" id="DATA1" class="required" value=""></div>
                    <div class="clearfix"></div>
                    <div class="robly_field_group"><label>Last Name:<span class="asterisk">*</span></label><input type="text" name="LNAME" id="DATA2" class="required" value=""></div>
                    <div class="clearfix"></div>
                    <div class="robly_field_group"><label>Company:<span class="asterisk">*</span></label><input type="text" name="COMP" id="DATA5" class="required" value=""></div>
                    <div class="clearfix"></div>
            
            <div class="clearfix"></div>
          <div class="clear">
            <input type="submit" value="Subscribe" name="subscribe" class="button g-recaptcha" data-sitekey="6Ld9XlUUAAAAABcR5houwBXwlA_3STKsG2SzYCVw" data-callback="robly_recaptcha_callback"/>
                <div class="power"><p>Powered by <a href="http://www.robly.com">Robly</a>&trade;</p></div>
          </div>
      </form>
    </div>
    <style type="text/css">
        #robly_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width: 400px; }
        #robly_embed_signup form {display:block; position:relative; text-align:left;}
        #robly_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.3em;}
        #robly_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
        #robly_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
        #robly_embed_signup input[type=radio]{-webkit-appearance:radio;}
        #robly_embed_signup input:focus {border-color:#333;}
        #robly_embed_signup .button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
        #robly_embed_signup .button:hover {background-color:#777;}
        #robly_embed_signup .slim_button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0 15px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
        #robly_embed_signup .slim_button:hover {background-color:#777;}
        #robly_embed_signup .small_meta {font-size: 11px;}
        #robly_embed_signup .nowrap {white-space:nowrap;}
        #robly_embed_signup .clear {clear:none; display:inline;visibility:visible;}
        #robly_embed_signup .robly_field_group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
        #robly_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
        #robly_embed_signup .size1of2 {margin-right:2%;}
        #robly_embed_signup .robly_field_group label {display:block; margin-bottom:3px; font-size: 1.0em; font-weight: 100; padding-bottom:1px;}
        #robly_embed_signup .robly_field_group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
        #robly_embed_signup .robly_field_group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
        #robly_embed_signup .datefield, #robly_embed_signup .phonefield_us{padding:5px 0;}
        #robly_embed_signup .datefield input, #robly_embed_signup .phonefield_us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:left; padding:5px 0 2px 0;}
        #robly_embed_signup .phonefield_us .phonearea input, #robly_embed_signup .phonefield_us .phonedetail1 input{width:40px;}
        #robly_embed_signup .datefield .monthfield input, #robly_embed_signup .datefield .dayfield input{width:35px;}
        #robly_embed_signup .datefield label, #robly_embed_signup .phonefield_us label{display:none;}
        #robly_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
        #robly_embed_signup .asterisk {color:#c60; font-size:150%;}
        #robly_embed_signup .robly_field_group .asterisk {position:relative;top:5px; left:2px;}
        #robly_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
        #robly_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:90%; min-width:130px;}
        #robly_embed_signup input.slim_email {display:inline-block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:60%;}
        #robly_embed_signup input.button {width:40%; margin:0 0 10px 0; min-width:90px;}
        #robly_embed_signup .robly_field_group.input_group ul {margin:0; padding:5px 0; list-style:none;}
        #robly_embed_signup .robly_field_group.input_group ul li {display:block; padding:3px 0; margin:0;}
        #robly_embed_signup .robly_field_group.input_group label {display:inline;}
        #robly_embed_signup .robly_field_group.input_group input {display:inline; width:auto; border:none;}
        #robly_embed_signup div#robly_responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
        #robly_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
        #robly_embed_signup #robly_error_response {display:none;}
        #robly_embed_signup #robly_success_response {color:#529214; display:none;}
        #robly_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
        #robly_embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
        #robly_embed_signup #num-subscribers {font-size:1.1em;}
        #robly_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
        #robly_embed_signup .power {postion: relative; float: right; margin-right: 16px; height:32px;}
        #robly_embed_signup #slim_power {float:none;}
        #robly_embed_signup .power p {font-size:12px; margin:0px; font-weight:bold; line-height:32px; color:#666;}
        #robly_embed_signup .power p a {text-decoration:none; font-weight:bold; color:#333;}
        #robly_embed_signup .power p a:hover {text-decoration:none; color:#000;}
        @media (max-width: 600px) {
          .g-recaptcha {transform: scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
        }
        /* Add your own Robly form styles to your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    </style>
    <script>
    
       function robly_recaptcha_callback(token) {
    
            var email = $("#DATA0").val();
            if (!is_valid_email_address(email)) {
                alert("Please enter a valid email address.");
                return false;
            }
            if (!$("#DATA0").val()) {
                alert("Please fill in all required fields!");
                return false
            }
            if (!$("#DATA1").val()) {
                alert("Please fill in all required fields!");
                return false
            }
            if (!$("#DATA2").val()) {
                alert("Please fill in all required fields!");
                return false
            }
            if (!$("#DATA5").val()) {
                alert("Please fill in all required fields!");
                return false
            }
    
            var f = $("#robly_embedded_subscribe_form");
            f.submit();
        }
    
      function is_valid_email_address(emailAddress) {
          var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_<code>{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&&#039;\*\+\-\/=\?\^_</code>{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
          return pattern.test(emailAddress);
      }
    
    </script>
    <!-- End Robly Signup Form -->
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Homepage Menu Drop Downs Not Showing’ is closed to new replies.