Nav bar

• 

  elizwood24 · Member · May 10, 2015 at 11:48 am

  • Copy link
  • Add topic to favorites

  How do you move the navigation bar to the right?
  I am using oxygen theme – it would be great to have the CCS code for it!

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

• 

  staff-jeanpierreac · Staff · May 11, 2015 at 8:25 am

  • Copy link

  Hi Elizabeth.

  You can move it in several ways. First option is to put adjust it to the right of your contents area.

  .main-navigation ul#menu-menu-1 {
      float: right;
  }

  You can move it a little bit, adding this navigation bar a margin to the left. (In this example, 20px)

  .main-navigation ul#menu-menu-1 {
      margin-left: 20px;
  }

  If you use the second option, you should test your value with any screen width to be sure of the effect your visitors will have. (It is not the same to add a 100px margin with a 1500px width screen than in a phone)

  I hope this helps you.