How to align center for Menu Item?

paulrugz
December 12, 2013 at 5:50 pm #8498

I need menu item to align center, please advise how to do….

currently you’ll see as image below that there are too many space in the right hand side. while the left hand side no space left.

Anonymous
December 12, 2013 at 5:59 pm #41312

Here you go! – http://www.prasannasp.net/centering-menus-in-graphene-theme/
paulrugz
December 13, 2013 at 12:45 am #41313
So.. If i want to align both header and footer menu i have to use the code as below right????
```
#header-menu, #footer-menu {

display: table !important;

margin: 0 auto !important;

}
```
Anonymous
December 13, 2013 at 9:13 am #41314

Yes.

paulrugz
December 13, 2013 at 9:17 am #41315

Thank you so much Prananna

Anonymous
June 4, 2018 at 12:33 pm #49628

Gentlemen,

I’m trying to center the footer menu, but this method doesn’t seem to be working these days, possible due to upgrades.

Is anyone centering the footer menu today? Please let me know if you’re using this same code, or something slightly different.

Thanks & have a great day!

Greybox
November 23, 2019 at 1:17 am #51190

I have same question. I placed this code into my Additional CSS and it does not change anything.

#header-menu {
display: table !important;
margin: 0 auto !important;
}
Admin
Syahir Hakim
November 23, 2019 at 5:56 am #51194
The responses above are for a much older version of Graphene, when it was using a completely different grid system. For the latest version of Graphene, try using the following code:
```
@media (min-width: 768px){
	.navbar-nav {
		float: none;
		margin: 0;
		text-align: center;
	}
	.navbar-nav>li {
		float: none;
		display: inline-block;
	}
	.navbar-nav>li:last-child {
		border-right: none;
	}
}
```
Greybox
November 24, 2019 at 4:10 pm #51200

Thank you, it works!

Greybox
November 30, 2019 at 4:54 am #51210

Actually, the code above centers my Main and my Secondary Menu at same time. Is it possible to center the Main Menu only and keep the Secondary Menu aligned to the left?