How do I center my navigation bar items?

• 

  marthaleone · Member · Feb 15, 2014 at 11:25 am

  • Copy link
  • Add topic to favorites

  I’m wondering if someone can help me figure out how to center my navigation bar items on my blog. I’m using the Chateau theme. Thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  hfzrhmn · Member · Feb 15, 2014 at 12:12 pm

  • Copy link

  Try adding the following CSS:

  #menu {
  	width: 960px;
  	text-align: center;
  }
  #menu li {
  	float: none;
  	display: inline-block;
  
  }

• 

  hfzrhmn · Member · Feb 15, 2014 at 12:14 pm

  • Copy link

  Oops, the previous CSS screwed things a bit on smaller screens, so try this one instead:

  #menu {
  	width: 100%;
  	text-align: center;
  }
  #menu li {
  	float: none;
  	display: inline-block;
  
  }

• 

  marthaleone · Member · Feb 15, 2014 at 12:18 pm

  • Copy link

  Thanks. That worked.