Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #597677

    Hello,

    Lately my logo started to behave strange.

    When the “Shrinking Header” function is on the logo is shrinking to much before rolling the page and then shrinking more as I roll down.
    When I unmark the “Shrinking Header” function the logo goes back to its original size.
    I want to use the “Shrinking Header” function! How can I solve this?

    Thanks,
    Eytan

    #599399

    Hi Eytan!

    Thank you for using Enfold.

    Did you add any modifications to the child theme? Please activate the “Shrinking Header” option then add this in the Quick CSS field:

    .logo a, .logo a img {
        height: auto !important;
        max-height: 116px !important;
    }

    Cheers!
    Ismael

    #599588

    Hi Ismael,

    I add the cod to the Quick CSS field.
    Now the logo is in the right size but it doesn’t shrink when I’m rolling down the page.

    Thanks
    Eytan

    #599590

    and yes, the web developer add some modifications to the child theme.

    #601085

    Hey!

    Please remove the !important rule from the earlier css so the specificity of the css is more when you scroll and add the below CSS in Quick CSS

    .header-scrolled .logo a, .logo a img {
        height: 80px;
        max-height: 80px;
    }

    Best regards,
    Vinay Kashyap

    #601132

    Hi Vinnie,

    Sorry, nope that’s not working
    You can see that now the logo is smaller and it’s still not shrinking.

    That’s not the right solution.
    See the site at http://www.umina.co.il

    Waiting for your quick response

    Eytan

    #603580

    Hi!

    Looks like you combined the suggested codes. Please remove all the suggested codes above then replace it with this one:

    .logo a, .logo a img {
        height: auto !important;
        max-height: 116px !important;
    }
    
    .header-scrolled .logo a, .header-scrolled .logo a img {
        height: 56px !important;
        max-height: 56px !important;
    }

    The header is not shrinking. Why is that? Please post the custom css codes on pastebin.com. And make sure that you have the latest version of the theme, 3.5.

    NOTE: Don’t forget to purge the plugin cache after you make any changes to the theme.

    Regards,
    Ismael

    #607494

    Hi Ismael,

    The Logo is working OK now/
    But as you said the header is not shrinking!
    See the custom css codes on pastebin.com @ http://pastebin.com/2D2GHqMz
    and the Enfold Child CSS @ http://pastebin.com/cY4BAhWc

    I have the latest version of the theme (3.5.1)

    How to fix that?

    Thanks
    Eytan

    #608204

    Hi!

    please remove all your customizations, to check which one is causing this issue. Keep all your plugin deactivated while testing.

    Regards,
    Andy

    #611836

    Hi Andy,

    I have removed all customizations from the Quick CSS and from style.css in the enfold-child file
    and deactivated all plugins.
    BUT nothing changed !!!
    Both logo and header are not shrinking!

    Eytan

    #611856

    Hey!

    We have added the below CSS please review the site now :)

    #top .header-scrolled #header_main > .container {
    height: 60px;
    line-height: 60px;
    }

    Regards,
    Vinay

    #611905

    Hi Vinay,
    No change!

    Eytan

    #611914

    Hi!

    Please refresh the browser cache and try again.

    Best regards,
    Vinay

    #611973

    Hi
    Thanks
    It’s OK now

    Eytan

    #612106

    Hi!

    We have put together some useful info about enfold theme please feel free to check it out here – http://kriesi.at/documentation/enfold/

    Please feel free to get in touch with us if you have any questions.

    Thank you for using Enfold :)

    Cheers!
    Vinay

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Shrinking Header is shrinking the logo to much before rolling the page’ is closed to new replies.