How do I left align the Menu in Truly Minimal Theme?

• 

  dayna11 · Member · Jul 30, 2013 at 3:01 pm

  • Copy link
  • Add topic to favorites

  How do I left align the Menu in Truly Minimal Theme?

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

• 

  eurello · Staff · Jul 30, 2013 at 10:12 pm

  • Copy link

  Hi Dayna – it is left-aligned. Did you want it to the right? If so, try this CSS snippet:

  .navigation-main li {
  float: right;
  }

• 

  dayna11 · Member · Jul 30, 2013 at 10:38 pm

  • Copy link

  While the menu itself is left aligned, the words (menu items) are not.

  It’s as if there is padding around each word or each menu item is centered in it’s space.

• 

  eurello · Staff · Jul 30, 2013 at 11:12 pm

  • Copy link

  Hi Dayna – The individual links are left-aligned also. Is it that you want less space between them? If so, try adjusting the margin. Currently, the margin property is as follows:

  .navigation-main li {
  margin: 5px 12px;
  }

  You might try:

  .navigation-main li {
  margin: 5px 8px;
  }

  Or, if you just want the left-most menu item to be flush with the left border of your content, try:

  #menu-item-455 {
      margin-left: 0px;
  }

• 

  dayna11 · Member · Jul 31, 2013 at 1:02 pm

  • Copy link

  Yes! That last option is exactly what I want to do. Thank you for the code snippet.

  Now, where do i insert the code, please?

• 

  dayna11 · Member · Jul 31, 2013 at 1:06 pm

  • Copy link

  Nevermind, I found where to insert the code snippet into the CSS box of the Customize page.

  It worked!
  Thanks so much for your help!

• 

  eurello · Staff · Jul 31, 2013 at 3:50 pm

  • Copy link

  Hi Dayna – Perfect! Let us know if you need anything else. :)