Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 12, 2016 at 2:44 pm #582235
    Erwin

    Hi,

    When my header shrinks, I only want the padding around the logo to shrink. So the logo has to hold his original height. How can I fix this? See http://bit.ly/1TcA3cl

    Regards,

    Erwin

    February 13, 2016 at 1:40 pm #582708
    Vinay

    Hi erwin_m!

    please add the below code to Enfold > General Styling > Quick CSS

    .header-scrolled .logo img {
    min-height: 80px;
    top: -17px;
}

    Regards,
    Vinay Kashyap

    February 13, 2016 at 2:45 pm #582724
    Erwin

    Hi Vinnie,

    That works fine! It’s exactly what I mean. One thing more, is it possible to remove the animation? When I scroll real slow to below, I see it shrink and then it pops up again at the right size. It would be nice when this can be removed. I’m working with a child-theme so overrides are possible.

    Regards,

    Erwin

    February 18, 2016 at 8:49 am #585236
    Vinay

    Hi!

    Sorry for the delay, did you get it sorted? we do not see the logo animation while scrolling.

    Regards,
    Vinay Kashyap

    • This reply was modified 8 years, 9 months ago by Vinay.
    February 18, 2016 at 9:10 pm #585694
    Erwin

    Hi Vinay,

    When you scroll relative fast then it looks allright, but when you scroll slow it’s not okay. I haven’t changed anything. Would really appreciate to hear what I can change to disable the animation.

    Regards,

    Erwin

    February 19, 2016 at 9:17 pm #586317
    Vinay

    Hey!

    I see you have a fixed header now… but if you like to go back to the shrinking header please use the code below.

    .header-scrolled .logo, .header-scrolled .logo img {
    transition:none!important;
    }

    Best regards,
    Vinay Kashyap

    February 19, 2016 at 10:21 pm #586340
    Erwin

    Hey Vinay,

    Thank you for your reply! I do want the shrimping header. Added your code, but this didn’t change anything.

    Regards,

    Erwin

    February 23, 2016 at 7:47 pm #587914
    Josue

    Bit.ly doesn’t seem to be loading correctly at the moment, can you post a link to your site in private content?

    Best regards,
    Josue

    February 23, 2016 at 10:09 pm #587999
    Erwin

    Hi,

    That’s correct. My friend for who I’m building the site is already looking at it. So it’s a bit confusing when it doesn’t work totally fine. I’ve made a clone, see the private section for the link where the settings are as I actually want them.

    Regards,

    Erwin

    February 24, 2016 at 10:03 pm #588657
    Josue

    Ok in this case a solution would be to add the padding to the actual image (using Photoshop or similar) and remove this:

    strong.logo img{
padding: 20px 0px;
}

    Best regards,
    Josue

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