What is max pixel dimensions for Foundation logo image?

[Chris Klein]

What are the max. pixel dimensions for the logo image? I read somewhere that there is 100px of vertical space but when I make a logo 100px high it overlaps the menu bar.

Thanks

[Bill Robbins]

The area between the top of the screen and the navigation bar is 100 pixels. The logo is set to be 22 pixels from the top to allow for a bit of padding.

Your maximum size logo that would fit in that space and look good is somewhat dependent on the logo style, but generally I’d shoot for around 80 pixels tall.

If you need more space than that, here’s what you can do.

1. Go to the theme options page and select the “Styling” tab.
2. Scroll down to the box at the very bottom for “Custom CSS.
3. Paste this code:

   #header { height: 160px; }

4. Adjust the 160 to height you need for the overall header (it includes 40 pixels for the navigation bar).
5. Save your changes.

That will let you have more room in your header for a taller logo.

If you have any other questions, just let me know.

[Author]

Posts