Where to edit the code in CSS to do it?
We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
Fixed header | Forum
Nirmalya Ghosh
Oct 16 '12
Can you please tell me how to make the header fixed for the graphite theme?
JB TECH
Oct 16 '12
Here's the CSS edit as to comfort
.ow_header {height: 76px;padding-top: 0px;background-color: #000000;-webkit-box-shadow: 0 3px 3px black;box-shadow: 0 3px 3px black;position: fixed;width: 100%;z-index: 1;}
Nirmalya Ghosh
Oct 25 '12
Did anyone find out how to make the header fixed like facebook in graphite theme? I need it.
Bob (Coder Whacker)
Nov 26 '12
You need to use:
<style>
html[xmlns] .clearfix {
.ow_header
{
position: fixed;
Width: 1000px;
}
<style>
I would place it in a custom text/html box on your sidebar as clearfix could possible cause a problem in the CSS editor, not sure however. There are some issues about some graphics underneath the scrolling header but by experimenting I am sure your get some where. If you need need further advise Rart88 is experimenting and will be showing how this can be done on Enjoycustom very shortly. I have not had time to experiment with Rart88 solution.
<style>
html[xmlns] .clearfix {
display: block !important;
}.ow_header
{
position: fixed;
Width: 1000px;
}
<style>
I would place it in a custom text/html box on your sidebar as clearfix could possible cause a problem in the CSS editor, not sure however. There are some issues about some graphics underneath the scrolling header but by experimenting I am sure your get some where. If you need need further advise Rart88 is experimenting and will be showing how this can be done on Enjoycustom very shortly. I have not had time to experiment with Rart88 solution.
