HTML, CSS, javascript, PHP

Если мы хотим, чтобы меню было по середине экрана, то делаем так:

@media (min-width: 980px) {
	#mainmenu > ul{
		display:table;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
}

где #main-menu div в который обернуто меню ul

Если нужно сделать меню на всю ширину контентной части, и чтобы ширина пунктов соответстующим образом подстраивалась под ширину контейнера, то есть также как ведет себя таблица, то тогда делаем так:

@media (min-width: 980px) {
	#mainmenu{
		display:table;
		width:100%;
	}
	#mainmenu > ul{
		display:table-row;
		float:none;
	}
	#mainmenu > ul > li{
		display:table-cell;
		float:none;
		text-align:center;
	}
}