Moving nav bar

  • zevstar

    (@zevstar)


    16 years, 3 months ago

    Hi All,

    I have been trying for days to move the nav bar up and am really having trouble. I have scoured both these forums AND the style.css code and still can;t seem to figure it out.

    I was able to move the logo image up closer to the top of the page, but I still want to move the nav bar so that is falls an inch or so below the header image.

    Here is a link to my site: http://www.zevfisher.com/blog/

    If someone could give me some pointers I would REALLY appreciate it.

    Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • xdesi

    (@xdesi)

    16 years, 3 months ago

    Hi,

    Well you have20px margin-bottom set to your header DIV, and also a 10px margin-bottom set to your header image, thus leaving a 30px gap in total!

    In style.css change:

    #header {margin:20px 0;text-transform:normal;width:600px;clear:none;float:left;}

    To:

    #header {margin:20px 0 0;text-transform:normal;width:600px;clear:none;float:left;}
    #header h1 img { margin:0; }

    The first part in bold removes the 20px margin bottom added to the header DIV, and the second part removes the 10px margin added to the header image. You can play around with it as you wish!

    Thread Starter zevstar

    (@zevstar)

    16 years, 3 months ago

    That got me 80% of the way there, but I still feel like there is a margin on the top of the nav that I am missing. Tried screwing around with the #nav-above but still no luck.

    Any suggestions here?

    Thank you for your help btw!

    xdesi

    (@xdesi)

    16 years, 3 months ago

    Sorry it should be

    #header img { margin:0; }

    Not #header h1 img { margin:0; }

    This is the extra 10px

    Thread Starter zevstar

    (@zevstar)

    16 years, 3 months ago

    I do believe you are the MAN!

    While I am picking your brain…not that I want to overvisit my stay or anything…but do you know if it is possible to adjust the way the text lines for the lower text of this page get cut off and forced down to the next line? Is this a code/margins issue, or is just my general inexperience with creating pages? Or both?

    http://www.zevfisher.com/blog/?page_id=391&preview=true&preview_id=391&preview_nonce=5235d1f35c

    Thanks!

    xdesi

    (@xdesi)

    16 years, 3 months ago

    Hey when viewing the link I get:

    You do not have permission to preview drafts.

    Only admin can view drafts afaik..

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Moving nav bar’ is closed to new replies.