Moving header image…
-
Hi there,
Can someone please tell me how can I move the header image to the very top and make it fixed?
Many thanks in advance.
ModGraphene Options >> General Options >> Top Bar Options
Tick the box marked “Hide the top bar”
Add this to custom CSS:
#header {
position: fixed;
left: 0;
z-index: 50;
}
#content {
position: relative;
top: 198px;
}Moved to Support. Please post in the correct section next time.
If you have changed the size of the header image, you may need to adjust the
top
value for#content
.Works in Firebug; ymmv.
First of all thank you, I really appreciate your help!
Quote:Moved to Support. Please post in the correct section next time.Sorry about that! I did not thought it was a support question.
Well, it worked but not as I thought because the whole thing went up, see here. Are there a way to shift down the white part to make it starts right after the navigation menu as original does?
Thanks.
Admin#content {
position: relative;
top: 115px;
}And get rid of that 2px top margin on the
#content
element.Hi Syahir Hakim,
I really appreciated your suggestion but it still not quite yet. Looks like that the top layer (white) moved down but not the back layer (gray or black).
When you have the time can you please take another look at my site (bottom of page) and see what I mean.
Thank you,
Jay
#content {
margin-bottom: 90px;
}..
..
.menu-bottom-shadow {
display: none;
}to remove the thin white horizontal line at the very top of page.
Hi Prasanna SP,
Quote:#content {margin-bottom: 90px;
}
..
..
.menu-bottom-shadow {
display: none;
}
to remove the thin white horizontal line at the very top of page.
These two of yours did the trick!
Thank you very much, I really appreciate all the help that I have received.
Thank you again,
Jay
AdminMarking thread as resolved. You can do this yourself as well.
Viewing 8 posts - 1 through 8 (of 8 total)
- You must be logged in to reply to this topic.