How do I center my navigation bar items?

  • Author
    Posts
  • #1655929

    marthaleone
    Member

    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.

    #1656011

    hfzrhmn
    Member

    Try adding the following CSS:

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

    hfzrhmn
    Member

    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;
    
    }
    #1656013

    marthaleone
    Member

    Thanks. That worked.

The topic ‘How do I center my navigation bar items?’ is closed to new replies.