Need help? Check out our Support site, then

CSS sticky header for Oxygen theme

  1. 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

    The blog I need help with is

  2. Adding an example:

    something like the header menu of this site:

    Or, in world, the fixed sidebar menu in the Oulipo theme:

    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.


  3. I managed to get it all done.
    I wrote about it and shared the CSS code directly on the blog for anyone interested.

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

Topic Closed

This topic has been closed to new replies.

About this Topic