Imbalance 2 – customised header

• 

  abumptothehead · Member · Mar 1, 2012 at 1:40 am

  • Copy link
  • Add topic to favorites

  I have upgraded to CSS & now I would like to change the header on my blog from the default to a customised one (jpeg image). I would also like to move the position of the ‘pages’ & add drop down menus. Please can you advise how I do this? Many thanks

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

• 

  designsimply · Member · Mar 1, 2012 at 4:28 pm

  • Copy link

  I would like to change the header on my blog from the default to a customised one (jpeg image).

  Here is an example of changing out the current header image you have in your Imbalance 2 theme with a different one:

  #header-image-link img {
  display: none;
  }
  #header-image-link {
  display: block;
  background: url(YOUR_IMAGE_URL) no-repeat;
  width: YOUR_IMAGE_WIDTH;
  height: YOUR_IMAGE_HEIGHT;
  }

  Replace YOUR_IMAGE_URL with your image link, and replace YOUR_IMAGE_WIDTH and YOUR_IMAGE_HEIGHT with the width and height of your image.

• 

  designsimply · Member · Mar 1, 2012 at 4:33 pm

  • Copy link

  I would also like to move the position of the ‘pages’ & add drop down menus.

  You can move the pages and categories menus you have now to the bottom of the header area in the Imbalance 2 theme with the following CSS. Note that this CSS is just a start and is based on your current setup:

  #header {
  position: relative;
  }
  #header-left {
  position: absolute;
  width: 100%;
  bottom: 30px;
  }
  #header-center {
  position: absolute;
  width: 100%;
  bottom: 0;
  }
  .menu ul li {
  float:left;
  padding-right:20px;
  }

  Making dropdown menus work will take some work to change. If you can start by actually setting up some submenu items in your custom menus, I can take a look. The CSS to change it after that is not a simple change and it would help to have submenu items setup by you first.

  This help page shows an example of how creating submenus works on the Appearance → Menus page: http://en.support.wordpress.com/menus/#changing-the-order-of-menu-items-and-creating-sub-menus