Jump to content


Photo
- - - - -

Moving navigation bar to right side


  • Please log in to reply
8 replies to this topic

#1 windwhippedfarm

windwhippedfarm

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts

Posted 16 March 2011 - 06:09 PM

Hi, I am trying to move my navigation bar to the right. After checking out a few forum topics and the css tutorial, this is what I think I need to add in my CSS box: #primary-nav,{float:right;} No luck though, nothing changes. This is my first website attempt, thks for your help! Virginie

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts
  • Country: Country Flag

Posted 16 March 2011 - 08:50 PM

You have a comma in there that shouldn't be there.

#3 windwhippedfarm

windwhippedfarm

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts

Posted 16 March 2011 - 11:29 PM

I took the comma out but it still does not work. Any other suggestions? Thank you for your help Adam. Best, Virgine

#4 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 17 March 2011 - 02:33 AM

If you get us a link we can test further. Thanks, Bryan

#5 windwhippedfarm

windwhippedfarm

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts

Posted 17 March 2011 - 05:46 AM

Hi Brian, Here is the link:

Please Login or Register to see this Hidden Content

Thks, Virginie

#6 Guest_Guest_*

Guest_Guest_*
  • Guests

Posted 17 March 2011 - 06:15 AM

You need to also adjust the width of the primary nav, which by default is 968. Seeing as you're using the no search nav you'll want to use the following: #primary-nav ul.main-nav.nosearch

#7 windwhippedfarm

windwhippedfarm

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts

Posted 17 March 2011 - 04:07 PM

Hi Tyler, This is what I tried: #primary-nav ul.main-nav.nosearch {width:450px;} Still nothing changes, I just can't seem to get my CSS coding to work. Thks for your help, V

#8 Guest_Guest_*

Guest_Guest_*
  • Guests

Posted 17 March 2011 - 06:34 PM

Try adding body in front of that code, and also try applying the same width to #nav_row and floating that right.

#9 windwhippedfarm

windwhippedfarm

    Advanced Member

  • Members
  • PipPipPip
  • 61 posts

Posted 19 March 2011 - 04:43 AM

Thks, it's working!! Best, Virginie