Hello, how could I center the Main menu in the page, I would like to first menu item centered to the left and last menu item to the right, is it possible?
Thanks.

Comments

Danny Englander’s picture

Danny Englander
(he/him)
CreditAttribution: Danny Englander commented
Assigned: mpark » Danny Englander
Status: Active » Closed (won't fix)

You can have a look at these:

http://css-tricks.com/centering-list-items-horizontally-slightly-trickie...
http://css-tricks.com/examples/CenterHorizontalListItems/

I would suggest making a sub-theme and doing the changes there.

mpark’s picture

mpark CreditAttribution: mpark commented

Thank you, for Bamboo theme works this:

/* Main menu */
#menu-wrapper nav#main-menu {
width: 960px;
}

#menu-wrapper nav#main-menu ul.menu {
	margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
	}
	
#menu-wrapper nav#main-menu ul.menu li {
float: left;
}