Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #582235

    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

    #582708

    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

    #582724

    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

    #585236

    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, 10 months ago by Vinay.
    #585694

    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

    #586317

    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

    #586340

    Hey Vinay,

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

    Regards,

    Erwin

    #587914

    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

    #587999

    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

    #588657

    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

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