Move navigation menu on top of header image

• 

  princesssparkler · Member · Mar 14, 2012 at 11:14 pm

  • Copy link
  • Add topic to favorites

  Hello,

  Newbie here. I use Adventure Journal and would like to move my blog’s navigation menu so that it sits on the top part of my header image, in the same way that the box with the blog’s title and strapline does. I don’t really have a clue how to do it – does anyone have any advice? I found some coding on this forum to move the menu lower down the page, but when I try to align it with the header image the menu ‘disappears’ under it! I’d like it to show on top of the image.

  Many thanks

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

• 

  designsimply · Member · Mar 27, 2012 at 12:28 pm

  • Copy link

  To re-position the top menu of the Adventure Journal theme over the top of the header image, give this a try:

  #logo {
  width:18%;
  margin-rigth:0;
  }
  
  #container2 {
  position:relative;
  padding-top:2em;
  }
  
  #menu {
  position: absolute;
  z-index: 15;
  right:0;
  width: 67%;
  }

  Adjust the widths in the #logo and #menu blocks to your liking.