CSS how to change menu bar position.

• 

  jaimearocha · Member · Apr 28, 2015 at 9:23 pm

  • Copy link
  • Add topic to favorites

  Hi there.

  I’m trying to find a way to change the actual position of my menu bar but i haven’t been able to.

  Is this posible?

  This is my blog
  http://fondojaimearocha.com/acerca-de/

  i would like the menu to be under the header image.

  I would really appreciate if any of you can help me.

  Thanks.

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

• 

  staff-jeanpierreac · Staff · Apr 28, 2015 at 11:11 pm

  • Copy link

  Hi.
  You can move your menu downwards by using position:relative and top:nnpx. With a top positioning of 590px it will be just below your image. (You could need to adapt it if you change your image)

  nav#mainnav{  position: relative;
    top: 590px;}

  But this will not move the other elements, as you can see, so you will need to move downwards a little bit your contents area. You can do it with this custom CSS code (adjust it to your convenience)
  div#wrap{ margin-top: 50px; }
  I hope this helps you. Enjoy blogging!

• 

  jaimearocha · Member · Apr 28, 2015 at 11:27 pm

  • Copy link

  Thank you!

• 

  staff-jeanpierreac · Staff · Apr 29, 2015 at 6:09 am

  • Copy link

  Glad that helps you! :)