Jak wykonać pozycje menu które będą dwoma linijkami textu?

Chcemy aby pozycja menu wyglądała tak:

 

napis górny

STRONA GŁÓWNA

 

w nazwie pozycji menu:
etykieta nawigacji:
Strona Główna<span class=”menu-break”>napis górny</span>

W css
span.menu-break {
display: block;
line-height: 0;
bottom: 35px;
position: absolute;
font-size:10px;
color: orange;
text-align: left;
}

 

Jeżeli nie chcemy aby „napis górny” pojawiał się w submenu – musimy odszukać fragment css odpowiedzialny za wyświetlanie submenu i za klasą submenu:
.sub-menu span.menu-break { display: none;}

http://www.kriesi.at/support/topic/word-wrap-in-menu-or-have-the-menu-on-two-lines/

Podobne wpisy