Много категорий в главном меню заставило меня етим заняться. Раньше нашел такую же тему, но конкретно так и никто не сказал как ето сделать. Потратил время и сделал. Хочу облегчить всем жизнь и сберечь время, у меня OpenCart 1.5.1.3, но я думаю что у всех будет так же.
Значит так:
Заходим в css, и ищем файл stylesheet.css. Путь к файлу: www/catalog/view/theme/theme001/stylesheet/stylesheet.css. Там ищем #menu > ul > li > a, и добавим сразу же text-align: center; ето позволит сделать текст по центру один под другим. потом идет такой код ето лично в моем CSS.
font-size: 12px;
color: #FFF;
line-height: 14px;
text-decoration: none; Видим следующую строку display: block; изменяем на display: table-caption; ето сделает текст в столбец.
padding: 5px 7px 11px 7px;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; (в padding изменяется свойства ячеек).
z-index: 6;
position: relative; text-transform:uppercase;font-family: 'Open Sans', sans-serif;
Еслы отцентрирую ячейки напишу как)
