WordPress.com Forums » Topic: CSS sticky header for Oxygen theme

houstonweaver on "CSS sticky header for Oxygen theme"

houstonweaver — Mon, 17 Dec 2012 04:13:58 +0000

Thank you for sharing how you did it. Pretty cool.

mycarta on "CSS sticky header for Oxygen theme"

mycarta — Sun, 16 Dec 2012 20:36:21 +0000

I managed to get it all done.
I wrote about it and shared the CSS code directly on the blog for anyone interested.
http://mycarta.wordpress.com/2012/12/16/mycarta-blog-facelift-wordpress-com-oxygen-theme-customised-with-css/

mycarta on "CSS sticky header for Oxygen theme"

mycarta — Tue, 11 Dec 2012 13:07:35 +0000

Adding an example:

something like the header menu of this site:
http://davidchambersdesign.com/css-fixed-position-headers/

Or, in wordpress.com world, the fixed sidebar menu in the Oulipo theme:
http://oulipodemo.wordpress.com/

I am trying to fix both header and the secondary menu black box, but on the latter I can live without if it's too complicated.

Thanks

mycarta on "CSS sticky header for Oxygen theme"

mycarta — Sun, 09 Dec 2012 18:02:31 +0000

I managed to get a sticky header with some experimenting using this bit of code

/* Header
----------------------------------------------- */
#masthead {
	clear: both;
	padding: 60px 0 0;
	width: 100%;
	position: fixed;
	z-index: 200;
	background-color: #fff;
}

#main {
	margin-top: -35px;
}

It seems to work well. Can anyone suggest a way to start the content down so it is not hidden by it?
More difficult: How can I make the black box of secondary menu also sticky?
Thank you