Space out header topics text

• 

  baoch · Member · Jan 30, 2014 at 12:50 am

  • Copy link
  • Add topic to favorites

  Hi, how do I space out the text in my blog header navigation so that it spans across the navigation bar? This is for the On Demand theme. Specifically, I am referring to the following navigation text:

  Venture Capital
  Startups
  Tech
  Gaming
  Sports
  Music

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

• 

  hfzrhmn · Member · Jan 31, 2014 at 5:56 am

  • Copy link

  Not quite sure about your question, but try something like this:

  #navigation .menu {
  	text-align: center;
  }
  #navigation .menu li {
  	display: inline-block;
  	float: none;
  	margin-left: 20px;
  	margin-right: 20px;
  }

  Play around with the numbers in margin-left and margin-right to work with the spacing between menu items.

• 

  justpi · Member · Jan 31, 2014 at 1:25 pm

  • Copy link

  @hfzrhmn: baoch has removed the footer credits. That’s a violation of the TOS. She has to restore the credits before she gets replies to her CSS questions.

• 

  baoch · Member · Feb 1, 2014 at 7:09 am

  • Copy link

  Thanks, didn’t know removing the footer was a ToS violation. Just restored it.

  Thanks, hfzrhmn, for that code. That helped tremendously, but then how do I space it just right such that the left edge space is equal to the right edge space?

• 

  thesacredpath · Member · Feb 10, 2014 at 9:22 pm

  • Copy link

  Hi there and it looks like you have your menu pretty much centered now.

  I’ll resolve this thread, but if you have additional questions, please feel free to start a new thread.