Главное меню отцентровка

Господа помогите решить вопрос, главное меню в стандартном шаблоне выравнивается по левому краю, и поскольку в меню всего 4 пункта, получается что все сдвинуто в одну сторону. Помогите отцентровать

 

добавить в файл стилей следующее

Код:

.nav > li {
display: inline-block;
float: none !important;
position: relative;
}

.navbar-nav {
float: none;
text-align: center;
}

еще по теме! http://forum.opencart-russia.ru/threads/rastjanut-menju-po-shirine.1534/

 

Благодарю, сработало даже на нестандартном шаблоне.

 

Но тогда в мобильной версии будет криво

 

Хотя бы так (работает, но не знаю насколько правильно):

Код:

@media(min-width:992px) {
.nav > li {
display: inline-block;
float: none !important;
position: relative;
}

.navbar-nav {
float: none;
text-align: center;
}
}