Change Orientation of Home Page Menu Bar

• 

  lindstorres · Member · Jun 17, 2013 at 8:21 pm

  • Copy link
  • Add topic to favorites

  I am trying to change the orientation from the right to the left, or centered. I’m not seeing an option where I can change it and not sure which custom code I can put in. Thanks :)

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

• 

  johndcoy · Staff · Jun 18, 2013 at 12:13 am

  • Copy link

  The code below will allow you to change the orientation from right to left.
  
#menu li {
float: left;
}


• 

  johndcoy · Staff · Jun 18, 2013 at 12:14 am

  • Copy link

  Not sure where the line breaks came from.; allow me to try that again. :)

  #menu li { float: left;}

• 

  justpi · Member · Jun 18, 2013 at 1:37 am

  • Copy link

  @johndcoy: The break tags came form your using code tags. Code tags are used to display computer code, not HTML or CSS. To display code here, you enclose it in backticks.

  @empowerthemom: For a left aligned menu, paste johndcoy’s second suggestion in the CSS editor. For a centered menu, paste this:

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

• 

  lindstorres · Member · Jun 18, 2013 at 3:50 pm

  • Copy link

  thank you johndcoy & justpi :) I appreciate the help.