• As the question says I’d like to get to know how I can change the not-fixed header to a fixed one at the top of every page. I checked the entire web and watched every video on youtube about CSS+static header- but I found nothing.

    Please help me along with this.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The code that you commented on in my other thread might work for this as well, just change position from absolute to fixed. It worked for me anyway ??

    #header {
    	background: #000; /*or whatever bg you want*/
    	height: 8em; /*or whatever height you want*/
    	position: fixed;
    	left: 0;
    	width: 100%;
    	z-index: 999999;
    }
    
    #slider-core {
    	margin-top: 8em; /*the same as the height of your header*/
    }
    
    #content {
    	margin-top: 8em; /*the same as the height of your header*/
    }

    I haven’t tried how it works in responsive mode though.

    Thread Starter FabiWurm

    (@fabiwurm)

    Okay thank you for that code. Could you please tell me, where I add it at?

    If i understand your question correctly that you want the top header menu fixed then you do two things.

    1. Download sticky header plugin and then in plugin settings set z-index to 99999 and as id type #header.

    2. Go in style.css of theme and find this line /* Header */
    after this you will find
    #header{padding: 0;}
    just add one more line like
    #header(background:white;padding:0;)

    If you want to change your header color change it in background:white instead of white use any color or hex you want

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How can I make my Header static?’ is closed to new replies.