В шаблоне HTML
<div class="links">
<!-- Верхний блок навигации -->
<ul id="main_nav">
{% FOR catalog %}
<li><a href="{catalog.URL}" {% IF catalog.SELECTED %}class="selected"{%ENDIF%} {% IF catalog.TITLE %}title="{catalog.TITLE}"{% ENDIF %}>{catalog.NAME}</a></li>
{% ENDFOR %}
</ul>
<!-- end Верхний блок навигации -->
<form name="catalog">
<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
<option>Выберите пункт меню...</option>
{% FOR catalog %}
<option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%} {% IF catalog.TITLE %}title="{catalog.TITLE}"{% ENDIF %}>{catalog.NAME}</a></option>
{% ENDFOR %}
</select>
</form>
</div>
замените на:
<div class="links">
<!-- Верхний блок навигации -->
<!-- Каталог -->
<ul id="navigation">
{%IFNOT catalog_full_empty %}
{% FOR catalog_full %}
{% IFNOT catalog_full.HIDE %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.FIRST %}<ul>{% ENDIF %}{% ENDIF %}
<li>
<a href="{catalog_full.URL}"
{% IF catalog_full.CURRENT %}
class="selected contentTbodycatalog_fullCurent"
{% ELSEIF catalog_full.CURRENT_PARENT %}
class="contentTbodycatalog_fullCurentBranch"
{% ENDIF %}
{% IF catalog_full.ISSET_SUB %}rel="withchild"{% ENDIF %}
>
{catalog_full.NAME}
</a>
{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
{% IF catalog_full.index > 1 %}{% IF catalog_full.LAST %}
{% FOR out %}</ul>{%IFNOT catalog_full.out.LAST %}</li>{% ENDIF %}{% ENDFOR %}
{% ENDIF %}{% ENDIF %}
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
</ul>
<!-- end Каталог -->
<!-- end Верхний блок навигации -->
<form name="catalog">
<select class="selectnav" id="selectnav1" name="sel" onChange="if (this.selectedIndex > 0) document.location.href=this.options[this.selectedIndex].value">
<option>Выберите пункт меню...</option>
{% FOR catalog %}
<option value="{catalog.URL}" {% IF catalog.SELECTED %}selected=""{%ENDIF%} {% IF catalog.TITLE %}title="{catalog.TITLE}"{% ENDIF %}>{catalog.NAME}</a></option>
{% ENDFOR %}
</select>
</form>
</div>
в main.css найдите:
#header .links ul li {
background: #27292c;
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
}
замените на:
#header .links ul li {
background: #27292c;
float: left;
list-style: none outside none;
margin: 0;
padding: 0;
position: relative;
}
далее добавьте:
#navigation > li ul{
display:none;
}
#navigation > li:hover > ul{
display:block;
position:absolute;
left:0;
top:30px;
}