Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 9, 2014 at 6:59 pm #221372
    dbelen427

    Here’s my URL http://www.true-affects.us/
    I am having trouble with the logo in the header. I want the logo to be centered vertically in the header rather than up at the top. I have tried adding padding to make this happen, but while setting padding to 20px makes it look centered, the logo shrinks too small and almost disappears when the page is scrolled. Reducing it to 10px helps with the scrolling, but it isn’t quite centered.

    Any suggestions on the best solution? I like the scrolling affect, but I don’t want the logo to shrink too small. I also want it to be centered. I appreciate your help

    February 9, 2014 at 7:11 pm #221374
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .header-scrolled .logo img{
    top: 0 !important;
}
.logo img {
    position: relative;
    top: 15px;
}

    Cheers! 
    Josue

    February 9, 2014 at 7:26 pm #221379
    dbelen427

    Thanks! That does look a lot better. Really appreciate the help!

    Dan

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Header Logo Scroll Resize’ is closed to new replies.