Moving my menu CSS help

• 

  push1234 · Member · Mar 25, 2013 at 3:28 pm

  • Copy link
  • Add topic to favorites

  I would like to move my menu (About, Upcoming Races, etc.) above the large branding image of the person running with the stroller but keep it below the site-title. Could you help me with the CSS?

  This is my site: http://push5k.wordpress.com/

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

• 

  thesacredpath · Member · Mar 25, 2013 at 5:34 pm

  • Copy link

  In your custom CSS, make #access look like this:

  #access {
      font-size: 15px;
      font-weight: 700;
      position: absolute;
      top: 131px;
  }

• 

  thesacredpath · Member · Mar 25, 2013 at 5:38 pm

  • Copy link

  Actually, sorry, but the designer in me wants out. :)

  Make the following changes. Add margin-top to the #branding group and then make #access look like the below. This gives a touch of white space above the site title image, which I think looks better. See what you think.

  #branding hgroup {
  margin-top: 10px;
  }
  
  #access {
      font-size: 15px;
      font-weight: 700;
      position: absolute;
      top: 141px;
  }