Support » Themes and Templates » Centering Navigation Header on Manifest

  • Resolved 3lliott


    I’ve recently started up a new blog using the Manifest theme ( ), but I’ve run into a problem. I was able to change the margins to suit my needs, but I can’t get the navigation links at the top of the page to center! Could anyone be of assistance?

    My page:

    What I think is the relevant code from style.css:

    /* Main Navigation
      margin-top: 10px;
      margin-left: 150px;
      margin-right: 150px;
      padding: 5px;
      background: #FBFBFB;
      border-top: 1px solid #EAEAEA;
      border-bottom: 1px solid #EAEAEA;
    #mainNav ul{
      margin: 0 auto;
      width: 45em;
      text-align: center;
    #mainNav li{
      display: inline;
      margin-right: 10px;
      font-size: 1.5em;
      text-transform: uppercase;
    #mainNav li:last-child{
      margin-right: 0;
    #mainNav a:link,
    #mainNav a:visited{
      color: #999;
    #mainNav a:hover,
    #mainNav a:active{
      text-decoration: underline;
      color: #2E301C;
    #mainNav .current_page_parent a:link,
    #mainNav .current_page_parent a:visited,
    #mainNav .current_page_item a:link,
    #mainNav .current_page_item a:visited{
      font-weight: bold;
      color: #2A2D1A;
    #mainNav .current_page_parent a:hover,
    #mainNav .current_page_parent a:active,
    #mainNav .current_page_item a:hover,
    #mainNav .current_page_item a:active{
      color: #2E301C;
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,
    That did look strange. Try taking out the width figure below. I’m not sure why a particular width would be set there.

    #mainNav ul {
    margin:0 auto;

    That did it – I removed that block of text, and the links shifted over to center! Thank you for your help!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Centering Navigation Header on Manifest’ is closed to new replies.