Jump to content

Recommended Posts

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

 

 

 

 

post-618182-0-47815500-1395706801_thumb.png

Share this post


Link to post
Share on other sites

[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%; }

 

;)

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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.
  • Like 2

Share this post


Link to post
Share on other sites

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More