Issue originally posted here: https://drupal.org/node/2197179

I had believed that this was an issue with TB Mega Menu and tried many combinations of versions with the theme and the module, but in fact discovered that once you remove the code for the Social Media sidebar, it causes the submenu's (drop down menus) to stop functioning with TB Mega Menu.

This is the code removed from "page.tpl.php":

<div id="social-share-wrapper">
    <?php global $base_root;?>
    <div>
      <div class="social-share-inner">
        <a href="#" class="icon-social-1">&nbsp;</a>
        <a href="#" class="icon-social-2">&nbsp;</a>
        <a href="#" class="icon-social-3">&nbsp;</a>
        <a href="#" class="icon-social-4">&nbsp;</a>
        <a href="#" class="icon-social-5">&nbsp;</a>
        <a href="#" class="icon-social-6">&nbsp;</a>
        <a href="#" class="icon-social-7">&nbsp;</a>
        <a href="#" class="icon-social-8">&nbsp;</a>
        <a href="#" class="icon-social-9">&nbsp;</a>
      </div>
    </div>
  </div>

Any ideas?

Comments

urbanlegendsp’s picture

urbanlegendsp CreditAttribution: urbanlegendsp commented

No one experience this? Any thoughts or ideas?

urbanlegendsp’s picture

urbanlegendsp CreditAttribution: urbanlegendsp commented

I removed the following block from blocks.css and everything worked well with the menus.

/* --- Block Social Share --- */
#social-share-wrapper {
position: absolute;
right: 0;
top: 100px;
z-index: 99;
}

.social-share-inner {
background: url(../images/bg-social-share.png) repeat-y top left;
border: 1px solid #ddd;
padding: 0 5px 5px;
position: absolute;
top: 0;
width: 16px;
}

.social-share-inner a {
background: url(../images/ico-social.png) no-repeat;
display: block;
height: 16px;
margin-top: 5px;
opacity: 0.8;
overflow: hidden;
text-indent: -999em;
width: 16px;
}

.social-share-inner a:hover {
opacity: 1;
}

.social-share-inner a.icon-social-1 {
background-position: 0 0;
}

.social-share-inner a.icon-social-2 {
background-position: 0 -21px;
}

.social-share-inner a.icon-social-3 {
background-position: 0 -42px;
}

.social-share-inner a.icon-social-4 {
background-position: 0 -63px;
}

.social-share-inner a.icon-social-5 {
background-position: 0 -84px;
}
.social-share-inner a.icon-social-6 {
background-position: 0 -105px;
}
.social-share-inner a.icon-social-7 {
background-position: 0 -126px;
}
.social-share-inner a.icon-social-8 {
background-position: 0 -147px;
}
.social-share-inner a.icon-social-9 {
background-position: 0 -168px;
}

urbanlegendsp’s picture

urbanlegendsp CreditAttribution: urbanlegendsp commented

And removed this from the page.tpl

div
div class="social-share-inner"
a href="#" class="icon-social-1"> 
a href="#" class="icon-social-2"> 
a href="#" class="icon-social-3"> 
a href="#" class="icon-social-4"> 
a href="#" class="icon-social-5"> 
a href="#" class="icon-social-6"> 
a href="#" class="icon-social-7"> 
a href="#" class="icon-social-8"> 
a href="#" class="icon-social-9"> 
/div>
/div>