Sticky Header
GZ
Ghada Zoubi
Hello I have a problem in sticky header I write this code :
sp-header {
background: transparent;position: fixed;}
sp-header.header-sticky {
background-color: #fff;}.sticky-header-placeholder { background-color: #fff;}
but when I scrol down it not show white background !! http://farms-jo.com/
4 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerHi Ghada,
you made a small mistake, but easy to correct in seconds.
Your 1st step should be: Template Options > Basic > Header > Sticky Header: On > Save
2nd step: Only then header will get extra class name after scroll down that you can use for different bg color.
#sp-header.header-sticky { }
And you started with Custom CSS not using built-in features. Now you see what was wrong in your concept. ;)
GZ
Ghada Zoubi
Accepted AnswerManyyyyy thankx Paul
it will be our pleaser to send you some of it if you have any one you know in Jordan I cant send it to you