header position: fixed

[oz33]

How to properly fixe the header on top of page?

I tried to change the position everywhere, in the header.tpl, in css... but each time i have a problem with the margin (attached pic)

Thank you

 

 

 

 

[oz33]

No one?

[dioniz]

Give width:100% to header

[oz33]

[sOLVED]

Thank you very much it works fine! 

 

Solution is:

Replace in your global css around lign 5269:

 

header {

  z-index: 1;

  position: relative;

  background: white;

  padding-bottom: 15px; }

 

By 

 

header {

  z-index: 1;

  position: fixed;

  background: white;

  padding-bottom: 15px;

  width: 100%; }

 

[ricky11]

Hi Guys so all we need to do in 1.609 is to change the global.css 

 

header {

  z-index: 1;

  position: fixed;

  background: white;

  padding-bottom: 15px;

  width: 100%;

 

this will result in sticky header?

[[email protected]]

Hello,
 
I am using PS 1.6.0.9 with default theme. I can get the header fixed but the slideshow is cut to half. Se pictures.  Anyone know whats wrong and how to fixed it.
 

Edited September 25, 2014 by tjorgensborg (see edit history)

[Goyo]

Hello,

 

I am using PS 1.6.0.9 with default theme. I can get the header fixed but the slideshow is cut to half. Se pictures.  Anyone know whats wrong and how to fixed it.

 

 

Hi,

you have to replace in your global.css file, around of the line 5262, this:

 

#columns {

  position: relative;

  padding-bottom: 50px;

  padding-top: 15px;  }

 

By:

 

#columns {

  position: relative;

  padding-bottom: 50px;

  padding-top: 250px;  }

 

Note: 250px is a approximation of the number you will need. Play with this -> add or substract.

 

Regards.