Błąd Zakładki - nie rozwija się.

wersja skryptu MyBB: 1.8
adres forum: potterworld.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Więc tak. Chcę zrobić sobie rozwijające zakładki, wszystko robię ok (zakładki działają), lecz jest jeden problem. Kiedy najeżdżam na daną zakładkę to ona nie rozwija się. 

Dzięki wielkie za pomoc

Używam tego kodu:

<h1>Simple Pure CSS Drop Down Menu</h1>
<nav id="primary_nav_wrap">
<ul>
 <li class="current-menu-item"><a href="#">Home</a></li>
 <li><a href="#">Menu 1</a>
   <ul>
     <li><a href="#">Sub Menu 1</a></li>
     <li><a href="#">Sub Menu 2</a></li>
     <li><a href="#">Sub Menu 3</a></li>
     <li><a href="#">Sub Menu 4</a>
       <ul>
         <li><a href="#">Deep Menu 1</a>
           <ul>
             <li><a href="#">Sub Deep 1</a></li>
             <li><a href="#">Sub Deep 2</a></li>
             <li><a href="#">Sub Deep 3</a></li>
               <li><a href="#">Sub Deep 4</a></li>
           </ul>
         </li>
         <li><a href="#">Deep Menu 2</a></li>
       </ul>
     </li>
     <li><a href="#">Sub Menu 5</a></li>
   </ul>
 </li>
 <li><a href="#">Menu 2</a>
   <ul>
     <li><a href="#">Sub Menu 1</a></li>
     <li><a href="#">Sub Menu 2</a></li>
     <li><a href="#">Sub Menu 3</a></li>
   </ul>
 </li>
 <li><a href="#">Menu 3</a>
   <ul>
     <li class="dir"><a href="#">Sub Menu 1</a></li>
     <li class="dir"><a href="#">Sub Menu 2 THIS IS SO LONG IT MIGHT CAUSE AN ISSEUE BUT MAYBE NOT?</a>
       <ul>
         <li><a href="#">Category 1</a></li>
         <li><a href="#">Category 2</a></li>
         <li><a href="#">Category 3</a></li>
         <li><a href="#">Category 4</a></li>
         <li><a href="#">Category 5</a></li>
       </ul>
     </li>
     <li><a href="#">Sub Menu 3</a></li>
     <li><a href="#">Sub Menu 4</a></li>
     <li><a href="#">Sub Menu 5</a></li>
   </ul>
 </li>
 <li><a href="#">Menu 4</a></li>
 <li><a href="#">Menu 5</a></li>
 <li><a href="#">Menu 6</a></li>
 <li><a href="#">Contact Us</a></li>
</ul>
</nav>

To jest tylko struktura. Jeśli jest to gotowiec, to z pewnością jest gdzieś jeszcze kod .css obsługujący to.

#primary_nav_wrap
{
    margin-top:15px
}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul a
{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Ari

 Tak jest ten kod ale nie mam pojęcia do jakiego CSS go wpakowac.

Dodaj do global.css

Wkleiłem i dalej nic. Nie działa.

Tak jest ten kod ale nie mam pojęcia do jakiego CSS go wpakowac.

Na pewno to nie jest kompletny kod, jedynie jego część

Wszystko brałem z tego:

http://codepen.io/philhoyt/pen/ujHzd

Przecież masz tam pełny kod css, a Ty wklejasz tylko część

#primary_nav_wrap
{
    margin-top:15px
}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul a
{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:700;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
}

#primary_nav_wrap ul li.current-menu-item
{
    background:#ddd
}

#primary_nav_wrap ul li:hover
{
    background:#f6f6f6
}

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    padding:0
}

#primary_nav_wrap ul ul li
{
    float:none;
    width:200px
}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 15px
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap ul li:hover > ul
{
    display:block
} 


Żeby nie umieć skopiować wszystkiego?