Place header image above main menu

• 

  uamclil · Member · Mar 8, 2017 at 12:51 am

  • Copy link
  • Add topic to favorites

  Hi,

  Would it be at all possible to place the header image above the main menu in the Academica theme (rather than having it below)?

  Many thanks in advance!

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

• 

  innisfreehomestead · Member · Mar 8, 2017 at 10:04 pm

  • Copy link

  Hello there!

  Dropping this code in your custom CSS area should do the trick:

  #header:before {
  	height: 300px;
  	background-image: url(https://academicademo.files.wordpress.com/2011/07/academica-demo-1.jpg?w=960&h=300&crop=1);
  	width: 100%;
  	background-size: cover;
  }

  Then you’ll just need to replace the link in the background-image:url() section with your header image.

  Let me know if that doesn’t work!
  Sage

• 

  uamclil · Member · Mar 9, 2017 at 4:23 pm

  • Copy link

  Wonderful :) Thanks for your help, sagebrownell!

• 

  innisfreehomestead · Member · Mar 9, 2017 at 4:28 pm

  • Copy link

  No worries, glad it worked!

  Sage