Need help? Check out our Support site, then


How do I center my navigation bar items?

  1. 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 marthaleonedesign.com.

  2. Try adding the following CSS:

    #menu {
    	width: 960px;
    	text-align: center;
    }
    #menu li {
    	float: none;
    	display: inline-block;
    
    }
  3. 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;
    
    }
  4. Thanks. That worked.

Topic Closed

This topic has been closed to new replies.

About this Topic