headerbanner

Menu bez šipek v šabloně Protostar Joomla 3.0

A menu in the Joomla Protostar template without an arrow .

Šipku menu v Bootstrap frameworku je možné odstranit krátkým doplněním "stylopisu".

Add the following to the template.css:

.nav-pills .nav-child:before {
    display: none;
}
.nav-pills .nav-child:after {
    display: none;
}
 

Šipku z menu jednoduše odstraníte doplněním příslušného souboru template.css o předcházející kód. Kterých elementů se zápis dotkne je zřejmé z následujícího kódu menu. Doplněním CSS zamezíte zobrazení obsahu okolo vnitřního UL elementu, který ohraničuje položky submenu. (Podobně to platí i pro čisté "nejoomlovské" Bootstrap menu.)

 
<div class="navigation">
 <ul class="nav menu  nav-pills">
 <li class="item-470"><a href="#">Domů</a></li>
 <li class="item-472 deeper parent"><a href="#">Produkty</a>
  <ul class="nav-child unstyled small">
   <li class="item-478"><a href="#">První produkt</a></li>
  </ul>
 </li>
 <li class="item-477"><a href="#">Kontakty</a></li>
</ul>
</div>