Moving logo under nav bar

  • Resolved VDiaz

    (@vdiaz)


    14 years, 10 months ago

    I’d like to move the logo down so that it’s not covered by the nav bar. I understand that i’ll have to make that white header area longer to have it fit properly.

    I tried adding a padding to the logo.png within stlye.css but it didn’t do anything.

    any suggestions of how i can do this?

    twisterztoys. com

    thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • esmi

    (@esmi)

    14 years, 10 months ago

    Edit style.css and change the value for top to 43px or greater in:

    #logo {
    font-size: 32px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 200px;
}
    Thread Starter VDiaz

    (@vdiaz)

    14 years, 10 months ago

    Hi… thanks! that worked, it brought down the logo so it’s viewable…

    But now its covering the ‘blue waves’ of the slider… would i fix this in the #slider_img area by editing the top 375px to something like 400 or so? (just confirming that this is the place to edit, i can figure out the exact px)

    thanks again 🙂

    esmi

    (@esmi)

    14 years, 10 months ago

    Yes. I think you’re going to have to carry out a few tweaks to get that header area looking the way you want it to.

    Thread Starter VDiaz

    (@vdiaz)

    14 years, 10 months ago

    Yes thanks… been playing with it a bit to see how it’ll look best.

    question… i tried to center the navigational bar (it was to the right)… in the css:

    #main_navigation{position:absolute;center:0;top:5px;text-transform:uppercase;font-size:13px;height:40px;}
    #main_navigation{position:absolute;center:0;top:10px;text-transform:uppercase;font-size:14px;height:40px;}

    the nav bar now looks like its flush to the left… is that just how it is? or am i missing something to completely center it.

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

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