Loaded Header, moved Navigation bar

• 

  lovellegerthmyers · Member · Feb 23, 2015 at 6:13 am

  • Copy link
  • Add topic to favorites

  Hello!

  I loaded a header into the Twenty-Twelve theme and it moved the navigation bar above the header. I would like the navigation bar below the header. Is it possible to move it back to the default where the navigation was below the header?

  Thank you so much!

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

• 

  gracejiyoung · Member · Feb 23, 2015 at 7:08 pm

  • Copy link

  HI there!

  So we can make this change for browser screen widths that are over 600px because you get a minified menu for tablets and phones. You can do this if you edit CSS. Please go to Appearance → Customize → CSS and add the following:

  @media screen and (min-width: 600px) {
  .main-navigation {
      position: relative;
      z-index: 10;
      top: 310px;
  }
  .header-image {
      position: relative;
      top: -70px;
  }
  }

  Cheers!