move nav menu above header in adelle

• 

  amcelder · Member · Aug 21, 2014 at 10:55 pm

  • Copy link
  • Add topic to favorites

  Hi! I am hoping to get my main nav menu up above my header. I am using the Adelle theme and have the WP custom design package, I just can’t figure out the right code!

  Thanks so much in advance,

  Anne

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

• 

  thesacredpath · Member · Aug 22, 2014 at 6:45 pm

  • Copy link

  Hi Anne, add the following at the bottom of your existing custom CSS to move the nave above the header. If you would like to space the nav menu down a little from what the below does, just add in some “top”, like perhaps 10px or whatever.

  .navigation-main {
      position: absolute;
      top: 0;
  }

• 

  amcelder · Member · Aug 22, 2014 at 6:55 pm

  • Copy link

  This is perfect! Thank you so much. Is there a way to take out some of the space between the header and the content now?

  You are the best!

• 

  amcelder · Member · Aug 22, 2014 at 7:04 pm

  • Copy link

  Also, what would the code be to move the nav menu either right or left justified? (I tried right and left and those didn’t work, worth a shot)

• 

  thesacredpath · Member · Aug 27, 2014 at 9:12 pm

  • Copy link

  Anne, add the following and then adjust the top margin value as desired.

  .site-main {
      margin-top: 2.5em;
  }

  If you want it even closer than 0 would provide, you can add a negative top margin, but it looks like -40px would be as far as I would go otherwise on phones the post titles might overlap the header image.

  .site-main {
      margin-top: -40px;
  }