twenty twelve – fixed, full size header

• 

  iamdawntoo · Member · Nov 26, 2014 at 1:41 pm

  • Copy link
  • Add topic to favorites

  I’m stumped. I want this header or masthead fixed but I want to eliminate the space above it (so that the contents will not be seen as they scroll) and for it to be the width of the contents below. Help?
  http://veterinarymarketingsolutions.ca/VMSsite1/

• 

  iamdawntoo · Member · Nov 26, 2014 at 2:15 pm

  • Copy link

  sorry, using twenty twelve child theme

• 

  iamdawntoo · Member · Nov 26, 2014 at 2:29 pm

  • Copy link

  I have tried this, which seems to work on Safari/Chrome but not Firefox

  margin-top: -23px;
  padding: 0;

  I used this to fix the header

  #masthead {background: transparent;position:fixed; top:0px; height: 350px; z-index:100000; width:960px;}
  #main {margin-top:450px;}

• 

  thesacredpath · Member · Nov 26, 2014 at 4:50 pm

  • Copy link

  Hi @iamdawntoo, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help in the Twenty Twelve theme forum at WordPress.org, or in the volunteer-based WordPress.org Themes and Templates forum.

  For general questions on self-hosted WordPress.org installations, visit http://wordpress.org/support/.

  The differences between WordPress.com and WordPress.org.

  I did take a quick look at your site, and the .site-header has top padding on it. You can set that to 0.

  .site-header {
  padding-top: 0;
  }