Вопрос Изменить структуру модуля меню

Здравствуйте. Делаю адаптивное меню. Joomla 1.5(да, вот такое старье по определенным прчинам).
HTML меню выглядит так:

Код (html):

1. <div class="moduletable_menu">
2.   <ul class="menu">
3.      <li class="item1">
4.          <a href="http://test.site.ru/">
5.                 <span>Главная</span></a></li>
6.      <li id="current" class="active item2">
7.         <a href="/Str1">
8.                 <span>Стр1</span></a></li>
9.     <li class="item37">
10.        <a href="/Str2">
11.                 <span>Стр2</span></a></li>
12.     <li class="item38">
13.        <a href="/Str3">
14.                  <span>Стр3</span></a></li>
15.     <li class="item39">
16.           <a href="/Str4">
17.                 <span>Ср4</span></a></li>
18. </ul>    
19. </div>

Вопрос, как и где сделать, чтоб оно выглдяило вот так:

Код (html):

1. <nav class="moduletable_menu">
2.     <ul class="moduletable_menu">
3.         <li><a href="#">Стр1</a></li>
4.         <li><a href="#">Стр2</a></li>
5.         <li><a href="#">Стр3</a></li>
6.         <li><a href="#">Стр4</a></li>
7.  
8.     </ul>
9.     <a href="#" id="pull">Menu</a>
10. </nav>