Moving header image…

  • blogisters

    #7331

    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.

    Mod

    Kenneth John Odle

    #35982

    Graphene 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.

    blogisters

    #35983

    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

    Syahir Hakim

    #35984
    #content {
    position: relative;
    top: 115px;
    }

    And get rid of that 2px top margin on the #content element.

    blogisters

    #35985

    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

    Prasanna SP

    #35986
    #content {
    margin-bottom: 90px;
    }

    ..

    ..

    .menu-bottom-shadow {
    display: none;
    }

    to remove the thin white horizontal line at the very top of page.

    blogisters

    #35987

    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

    Admin

    Syahir Hakim

    #35988

    Marking 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.