Issues with Chrome and Firefox

• 

  amandapapps · Member · Apr 30, 2013 at 11:40 pm

  • Copy link
  • Add topic to favorites

  When viewing our blog in Chrome or FIrefox the ‘Home’, ‘About’ and ‘Contact’ buttons don’t work. Is there a solution?

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

• 

  timethief · Member · Apr 30, 2013 at 11:41 pm

  • Copy link

  This thread will be moved to the CSS Forum where you can get the help you need.

• 

  designsimply · Member · May 1, 2013 at 3:54 am

  • Copy link

  What you’ve done is moved a search widget into the header area and stretched the container for it to 100% which effectively covered up the menu items. Here is the CSS that is causing the problem:

  #search-2 {
  	position: absolute;
  	margin:-89px 0 0 -20px;
  	width:100%;
  	z-index:10000;
  }

  To visualize what’s happening preview the following CSS:

  #search-2 {
  	border: 1px solid red;
  }

  Try updating your #search-2 block of CSS to this instead:

  #search-2 {
  	position: absolute;
  	margin:-89px 0 0 -20px;
  	width: 280px;
  	right: 0;
  	z-index:10000;
  }

• 

  amandapapps · Member · May 1, 2013 at 8:58 pm

  • Copy link

  Thanks so much everyone for your help. Solution implemented and everything is working perfectly.