Moving Menu to center of page?

• 

  duncsphoto · Member · Jan 8, 2012 at 2:55 am

  • Copy link
  • Add topic to favorites

  Hi there,

  I am fairly new to CSS and frankly it all confuses me. Have been trying to learn with the beginners guide but not much luck. I just upgraded to the Photography premium theme.

  Just wondering if anyone would know how I could move the menu which is stuck on the right hand side of the page to under my banner?

  The blog in question is http://www.friendsonfilm.wordpress.com

  Any help is much appreciated and I’ll put a link to your site in my links section.

  Thanks in advance

  Duncan

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

• 

  duncsphoto · Member · Jan 8, 2012 at 3:23 am

  • Copy link

  Resolved! If anyone is interested for future use.

  #navigation {
  float:left;
  margin-left:140px;
  }

• 

  thesacredpath · Member · Jan 8, 2012 at 5:13 am

  • Copy link

  That will work until you have to add another tab, then it will be off-center as it will be if someone has a + zoom level set on their browser. I’ll take a look at it is a little while and hopefully come up with a solution that will work regardless of number of tabs or browser settings.

• 

  thesacredpath · Member · Jan 8, 2012 at 5:19 am

  • Copy link

  This will center it without any consequences.

  #navigation {
  text-align: center;
  }
  
  #navigation ul {
  display: inline-block;
  float: none;
  }