Coraline menu question

• 

  simplyguidelines · Member · Feb 15, 2011 at 1:00 pm

  • Copy link
  • Add topic to favorites

  hello

  is there a way of moving the menu to below the header image in Coraline? I’ve been playing with it but every time I think I’ve figured it out, the menu and header image move together.

  As ever – thanks in advance

  Rick

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

• 

  thesacredpath · Member · Feb 15, 2011 at 5:46 pm

  • Copy link

  This generally gets you where I think you want to go, but you will probably want to mess around with the positioning of the affected elements to suit your tastes.

  #access {
  position: relative;
  top: 143px;
  }
  
  #branding img {
  margin-top:-30px;
  }
  
  .content-sidebar #content-container {
  padding-top:20px;
  }
  
  .content-sidebar #primary, .content-sidebar #secondary {
  padding-top:20px;
  }
  
  #headertext {
  top: 20px;
  }

  By the way, nicely done site.

• 

  simplyguidelines · Member · Feb 15, 2011 at 6:35 pm

  • Copy link

  Thank you very much,
  – last time I spoke to you was a couple of weeks ago and I had no idea what I was doing – I’ve picked all this up literally over 2 weeks doing a bit of code every day – I am pretty shocked myself! :-)

  thanks for the help – again…

• 

  thesacredpath · Member · Feb 15, 2011 at 6:40 pm

  • Copy link

  You are welcome, and you are doing well from what I can see. You have a right to be please with your accomplishment.

• 

  hallluke · Member · Feb 16, 2011 at 1:31 am

  • Copy link

  That looks awesome! Good work. I’d do it with relative positioning for the regular elements and an adjustment to the absolute top value for the widget you’ve shifted up there:

  #access {position:relative; top:144px; z-index:4;}
  #text-4 #headertext {top:31px;}
  #header #branding {position:relative; bottom:29px;}

• 

  simplyguidelines · Member · Feb 16, 2011 at 12:41 pm

  • Copy link

  thank you – I am not worthy!

  :-)