Change menu

• 

  aninaveggie · Member · Dec 28, 2016 at 7:13 pm

  • Copy link
  • Add topic to favorites

  Hello! How can I put the menu bar under the header image? My theme it is twenty twelve and I would like to change the order. Thanks

  this is my website: veggiefoodbyanina.com

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

• 

  kathrynwp · Staff · Dec 28, 2016 at 7:31 pm

  • Copy link

  Give this CSS a try, adapted from my colleague Richard’s code here.

  @media screen and (min-width: 600px) {
    .main-navigation { 
  		position: relative; 
  		z-index: 10; top: 
  		170px; 
  	}
    .header-image { 
  		position: relative; 
  		top: -140px; 
  	}
    img.header-image {
      box-shadow: none;
    }
  }

  I also removed the default box shadow since it looked better in this configuration without it.