On MikeMetcalfe.co, the header is fixed. Content currently scrolls right up into the header or sometimes, over it.
How can I:
a) when scrolling, have more more white space between the header and the content scrolling up
b) stop pictures or videos scrolling over the header
c) get rid of the white space gap that appears on the mobile (iphone) version of this site
1. Using firebug, I inspect the css of the header and I found this:
background: url(“images/bg.png”) repeat-x scroll 0 0 #FFFFFF;
margin: 0 auto;
Try change the background to
background: url("images/bg.png") repeat-x scroll 0 0;
and add border-bottom: 15px solid #fff;
2. You may increase the z-index to 999
3. Gap? Not sure which one you’re referring to. Is it on main content, sidebar, nav menu etc?
Thks WP Speak. Other problems solved, but can’t seem to solve 2. Changed to 999 but videos still scroll over. Ideas? Cheers
You must be logged in to reply to this topic.
Are you a blogger, web designer, developer, or website owner looking to generate more income?
Promote products for the largest and fastest growing online website platform as part of our affiliate program.