Twenty Eleven Custom Problem – Header

• 

  institutelibrary · Member · Feb 10, 2012 at 6:59 pm

  • Copy link
  • Add topic to favorites

  After I paid for the custom design option for fonts on the Twenty-Eleven — the header picture became UNflush with the menu bar. (prior to paying for the additional fonts – the image was flush with the menu bar) How can I fix this?

  Thanks!

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

• 

  timethief · Member · Feb 10, 2012 at 7:21 pm

  • Copy link

  I am viewing the blog using Firefox 10 and I don’t see this issue.
  Eaxctly which browser and version of it are you using?
  Please try clearing your browser cache and cookies and then view it again.
  Is your browser version up to date? You can upgrade any browser version here.

• 

  institutelibrary · Member · Feb 10, 2012 at 7:45 pm

  • Copy link

  There is a one-pixel white line between the image and menu bar that is bothering me. The image was completely flush prior to the customization upgrade – I’d like to remove this line. Thanks

• 

  timethief · Member · Feb 10, 2012 at 7:51 pm

  • Copy link

  Staff will help you in the CSS Forum. I have flagged this thread so it will be moved there.

• 

  michiecat · Staff · Feb 10, 2012 at 8:24 pm

  • Copy link

  Hi institutelibrary,

  The white line (it’s actually a small space) seems to be resulting from the differences in the font sizes. Here’s one way to fix it with CSS:

  
#branding img {
margin-bottom: -8px;
}

  Reducing the bottom margin to -8px (it was -6px before) pushed the menu upward and closed that tiny space between it and the header. If the space appears again, you can adjust this value.

  Let us know how this works for you.

• 

  institutelibrary · Member · Feb 10, 2012 at 8:48 pm

  • Copy link

  This is perfect! Thanks so much!!!

• 

  michiecat · Staff · Feb 10, 2012 at 9:26 pm

  • Copy link

  You’re welcome. I’m marking this thread as resolved. If you have any other questions, feel free to start another thread.