Достаточно подправить css, необходимо зайти в css файл, который отвечает непосредственна за отображение меню, найти и заменить следующие классы:
.dropdown-menu {
position: absolute;
top: 38px;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
}
#menu {
background-color: #454545;
background-image: linear-gradient(to bottom, #464445, #5e5c5d);
background-repeat: repeat-x;
border-color: #454545 #454545 #454545;
min-height: 40px;
position: absolute;
width: 100%;
z-index: 1;
left: 0;
border-radius: 0;
}
Чтобы ссылки меню остались по центру нужно добавить -
ul.nav.navbar-nav {
width: 1170px;
position: absolute;
left: 50%;
;
}
У вас там имеется адаптация, поэтому, чтобы меню оставалось по центру при адаптации - в соответствующих отрезках css (отвечающих за адаптивность) нужно прописать код аналогичный вышеуказанному, но с меньшими параметрами, например -
ul.nav.navbar-nav {
width: 940px;
position: absolute;
left: 50%;
;
}
То есть - margin-left: должен быть половиной ширины (width:), а ширина должна соответствовать ширине других блоков сайта - во время адаптации. Не забудьте сделать копию редактируемого css, на всякий случай...