Moving navigation bar below header

• 

  erinmcguey · Member · Nov 11, 2012 at 4:51 pm

  • Copy link
  • Add topic to favorites

  I am trying to move the navigation bar below the header so that there is no empty space at the top of the page. I am using the Triton Lite theme

  I have been playing around in the custom CSS, but I can’t seem to get them to switch.

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

• 

  timethief · Member · Nov 11, 2012 at 5:07 pm

  • Copy link

  I don’t help with CSS editing. All CSS editing is theme specific and this is a link to the Triton Lite style sheet so you can locate the selectors you need https://wpcom-themes.svn.automattic.com/triton-lite/style.css Note that when you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing.

• 

  designsimply · Member · Dec 6, 2012 at 6:27 pm

  • Copy link

  To move the main menu below the header on the Triton Lite theme, try adding something like this to the Appearance → Custom Design → CSS editor:

  #header {
  	position: absolute;
  	margin-top: 350px;
  }
  #slider-wrapper {
  	padding-bottom: 105px;
  }