Add white space padding below sticky header?

[MM]

Hi,

On mikemetcalfe.co  I'm trying to add white space padding below the sticky header, so when a user scrolls up, the scrolling up content doesn't actually touch the Menu bar. Have experimented with CSS but can see how / where to add 20/30 px of space to prevent that?

Ideas?

Thanks!

[Aaron Hartland]

I think this might give you the look you're seeking....

For the #header div, change the background color from transparent to white (#fff):
`/** added **/
#header {
background: url(images/bg.png) repeat-x scroll 0 0 #fff;
margin: 0 auto;
z-index: 100;
position: fixed;
top: 0;
width: 100%;
}`

And then add 5px more margin to the top of the #inner div:
`#inner {
clear: both;
margin-top: 90px;
}`

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[MM]

Hi Aaron, perfecto.

Any idea why videos showing above menu? i.e. http://mikemetcalfe.co/angel-investment-startup-legals-popular-funding-clauses/

Thanks again!

[Author]

Posts