Menú Desplegable Para Todas Las Plantillas.

Entrar en Plantilla | Edición de HTML y SIN expandir los artilugios busca esta línea: class='tabs'

Pulsar CTRL+F Para que os aparezca el buscador y poder incrustar el código.

Buscamos class='tabs' aparecerá dos veces, lo borramos las dos, solo class='tabs'.

Hecho esto vamoss al siguiente paso.

Copiamos este código  /* Tabs

 ----------------------------------------------- */

Y  mediante la técnica antes efectuada CTRL+F buscamos esto y borramos todo lo que allá dentro, hasta    HEADINGS

.tabs-inner .section:first-child {

  border-top: $(header.bottom.border.size) solid $(tabs.border.color);

}

.tabs-inner .section:first-child ul {

  margin-top: -$(header.border.size);

  border-top: $(header.border.size) solid $(tabs.border.color);

  border-left: $(header.border.horizontalsize) solid $(tabs.border.color);

  border-right: $(header.border.horizontalsize) solid $(tabs.border.color);

}

.tabs-inner .widget ul {

  background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

  _background-image: none;

  border-bottom: $(tabs.border.width) solid $(tabs.border.color);

  margin-top: $(tabs.margin.top);

  margin-left: -$(tabs.margin.side);

  margin-right: -$(tabs.margin.side);

}

.tabs-inner .widget li a {

  display: inline-block;

  padding: .6em 1em;

  font: $(tabs.font);

  color: $(tabs.text.color);

  border-$startSide: $(tabs.border.width) solid $(content.background.color);

  border-$endSide: $(tabs.bevel.border.width) solid $(tabs.border.color);

}

.tabs-inner .widget li:first-child a {

  border-$startSide: none;

}

.tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {

  color: $(tabs.selected.text.color);

  background-color: $(tabs.selected.background.color);

  text-decoration: none;

}

/* Columns

----------------------------------------------- */

.main-outer {

  border-top: $(main.border.width) solid $(body.rule.color);

}

.fauxcolumn-left-outer .fauxcolumn-inner {

  border-right: 1px solid $(body.rule.color);

}

.fauxcolumn-right-outer .fauxcolumn-inner {

  border-left: 1px solid $(body.rule.color);

}

Y en su lugar pegamos este otro código.

#crosscol ul {z-index: 200; padding:0 !important;}

 #crosscol li:hover {position:relative;}

 #crosscol ul li {padding:0 !important;}

 .tabs-outer {z-index:1;}

Guardamos…

Una vez hecho lo antepuesto conseguiremos agregar cualquier menú y estos se verán como deben verse y las subpestañas podrás desplegarse sin problema.