More levels about metismenu HOT 8 CLOSED

@robov
You can add as many level as you wish.

<ul>
  <li>
    <a href=""></a>
    <ul>
      <li>
    <a href=""></a>
    <ul>
      <li>
        <a href=""></a>
        <ul>
          <li>
        <a href=""></a>
        <ul>
          <li>...</li>
        </ul>
          </li>
        </ul>
      </li>
    </ul>
      </li>
    </ul>
  </li>
</ul>
  </li>
</ul>

from metismenu.

thanks for the headsup, I found it in the CSS.

For any other users who have this issue, please add lines (as many levels as you need) to the mm-vertical.css as follows:

.sidebar-nav .metismenu ul ul ul a {
padding: 10px 15px 10px 60px;
}

.sidebar-nav .metismenu ul ul ul ul a {
padding: 10px 15px 10px 75px;
}

.sidebar-nav .metismenu ul ul ul ul ul a {
padding: 10px 15px 10px 80px;
}

.sidebar-nav .metismenu ul ul ul ul ul ul a {
padding: 10px 15px 10px 95px;
}

.sidebar-nav .metismenu ul ul ul ul ul ul ul a {
padding: 10px 15px 10px 100px;
}

from metismenu.

Excellent

from metismenu.

Hello

Thanks so much for the great work on the menu!

I noticed that although we can add as many levels as we want, the control stops indenting after the 4th level. I tried to change the width as a solution, but the indenting seems hardcoded in...

Regards

Brett

from metismenu.

@brettwinters
Which demo page are you talking about?

from metismenu.

from metismenu.

My code:

I have also attached the rendered output:

from metismenu.

@brettwinters
There is no definition for padding or margin in "metisMenu.css" file. This view is caused by the padding or margin definitions in your stylesheet files.

from metismenu.