Support » Themes and Templates » [Twenty Twelve Theme ] Center Align Items Main Menu
4 years, 1 month ago
The main navigation menu on wordpress twenty twelve theme is left aligned by default.
I am trying to center align the menu on my child theme but just cannot figure it out. The “li” items currently align left and I want them to align center within the main nav bar. Any suggestions?
Site is http://www.inmotionphysio.ie/wip
I’d suggest applying the background colour to the menu’s enclosing div and then applying a fixed width to the menu ul itself along with margin:0 auto;;
You may run into formatting issues for Firefox, but you could instead apply to your <ul> element;
margin: 0 auto;
And not specify a width.
Hi, thanks for the replies.
I tried adding
to both “.main-navigation ul.nav-menu” & “.main-navigation ul” but unfortunately no luck.
As you’re already displaying a width, you might as well do Esmi’s method.