Site content NOT CLICKABLE.

• 

  mrcool3866 · Member · Oct 27, 2012 at 5:32 pm

  • Copy link
  • Add topic to favorites

  The only thing you can click is the buttons at the top (Navigation). The content in the pages is not clickable, its like its just a picture. I checked through the CSS as I have CSS upgrade and still do not see anything wrong with it. The site is using custom modified Digg 3 column.
  Blog url: http://thelighttroops.wordpress.com/

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

• 

  timethief · Member · Oct 27, 2012 at 7:09 pm

  • Copy link

  Hi there,
  I have flagged this thread so it’s moved to the CSS Forum where you can get the help you need.

• 

  designsimply · Member · Oct 28, 2012 at 3:20 pm

  • Copy link

  The problem is caused by the padding and height of the header you added using custom CSS. To see what is overlapping, try previewing this from your Appearance → Custom Design → CSS editor:

  #header-box {
  	border: 3px dotted red;
  }
  #header-box #pagetitle {
  	border: 3px dotted green;
  }

  To fix the problem (based on your current CSS edits), add a rule to make the header-box and pagetitle areas the same height as your header image (396px) and save changes:

  #header-box,
  #header-box #pagetitle {
  	height: 396px;
  }