• Resolved skinflint

    (@skinflint)


    I’m trying to move the header to the top of the page so there’s no white gap up the top. Can someone please help me?
    I’ve spent a long time trying to figure this out but can’t quite understand how to do so.

    https://www.wotyougot.com/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Michael

    (@alchymyth)

    try and add
    margin:0;
    to the style of body, quite at the beginning of style.css

    Thread Starter skinflint

    (@skinflint)

    thnxx.

    i added it in the below and it just shifted the header up slightly ..

    body{
    background-color:#DCEEFF;
    background-image:url(images/back.gif);
    background-position:center;
    background-repeat:repeat-y;
    font-family : Arial, Sans-serif;
    font-size : 12px;
    font-weight : normal;
    color : #000000;
    margin:0;
    }

    haxxxton

    (@haxxxton)

    i think this might be because you are logged in..

    the new version of WP (ie 3.1) places an ‘admin_bar’ at the top of the page..

    that even when given the style “display:none;” still shows up as a white bar on firefox.

    try logging out and then refreshing the homepage.. as to me it looks fine..

    Thread Starter skinflint

    (@skinflint)

    wow. ive been spending the last week trying to figure this out!! did not know that bout the new WP3.1 – thnxxx !!

    btw how can i increase the height of the menu bar so that it can be equally between the header and the main body ?

    haxxxton

    (@haxxxton)

    from what i think you are trying to do..

    change your

    #intro height style from height:180px; to height:174px;

    or add the following below your menu’s <ul>

    <div style="clear:both;"></div>

    and then change the #menu style from margin:0; to margin:10px 0 0 0;

    Thread Starter skinflint

    (@skinflint)

    yep that works ! fab !!

    how do i overall decrease that menu area so that the gap between the header and the main body is smaller ?

    haxxxton

    (@haxxxton)

    hahah if you are using firefox..

    go to

    https://getfirebug.com/

    its a nifty little plugin that allows you to alter css temporarily on a site..

    all good web developers cant live without it.. and is great for testing tweaks before you change your live site..

    but at the minute it looks like you need to do three things..

    change your #intro to height:163px;
    change your #side_left to top:210px;
    change your #main to top:210px;

    enjoy

    and dont forget to mark this thread as resolved in the right hand side drop down box sidebar

    —————->>>>>>>>>>>>

    Thread Starter skinflint

    (@skinflint)

    Ha cool thanks i shall close it.

    Have made the edits but the height of the main body is lower then the left side bar.

    Thread Starter skinflint

    (@skinflint)

    have fixed

    thnxxx for you help kind sir !!

    x

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Move header to top of page’ is closed to new replies.