Ucinanie innerbreadcrumbs

Poratuje ktos co z rtym mozna zrobic zeby sciezka kolejnosci kategorii byla max w 1 lini, moze ucinac ostatnia nazwe, badz np chowac pierwsza....

zdjecie wyrazi wiecej niz opis

 

na chwile obecna zrobilem tak
.path{
li{
line-height: 27px;
max-width: 500px;
white-space: nowrap;
overflow: hidden;

tyle ze jak dojdzie + 1 kategoria bedzie zle...
jak zrobic zeby poprostu wszystko co ma wyjsc na 2 linie znikalo?

 

@yankes możesz dodać ponownie zrzut ekranu, bo niestety się nie wyświetla

 

juz robilem sam P

 

Kod:

.breadcrumbs{

    .path{
        li{
            line-height: 27px;
          max-width: 400px;
          white-space: nowrap;
          overflow: hidden;
           text-overflow: ellipsis;

proszę