Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 27, 2014 at 4:01 pm #325965
    bakbek

    Hi, I’m using the shrinking and transparency features for the header on my site and the logo is just too small when scrolling (shrinking) is done – http://screencast.com/t/nzcdNidYNJTO

    I would like the logo to remain the same size as it is prior to the shrinking/scrolling. How can I do that?

    The URL is – http://polytowncoil.staging.wpengine.com/ (hosted on WPengine)

    Thanks.

    September 29, 2014 at 5:53 am #326306
    Ismael

    Hi bakbek!

    Thank you for using Enfold.

    You can increase the logo height on header shrink with this:

    .header-scrolled .logo, .header-scrolled .logo a, .header-scrolled .logo a img {
max-height: 70px !important;
top: -5px;
}

    Best regards,
    Ismael

    September 29, 2014 at 10:12 am #326413
    bakbek

    Thanks, that worked.

    BUT, if you check the site now – http://polytown.co.il/

    You can see that first the logo gets very small and than gets bigger again. Is there a way to make it go from the original size to the updated final size without getting smaller in the process?

    September 30, 2014 at 6:50 am #327026
    Josue

    Hi!

    I’d suggest replacing the logo with a cropped (top, bottom) version when scrolled:

    .header-scrolled .logo img{
    opacity: 0;
}
.header-scrolled .logo a{
    background: url(CROPPED_LOGO) no-repeat top center transparent;
}

    Cheers!
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.