Top Navigation / Resize Logo when scrolling

Hey sdachos,

Thank you for using Enfold!

You can try this:
1. Go to Enfold > Header > Header Behavior and tick the checkbox for Shrinking Header
2. Add this in Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

.header-scrolled .logo a img {
    visibility: hidden;
}
.header-scrolled .logo a {
    background: url(_SCROLLED_LOGO_URL_HERE_) no-repeat top center;
}

Please let us know if you need further help!

Best regards,
Sarah

Hi there! I checked your site but it seems like there’s no change from the last time. Did you remove the changes again?

If possible, please let us know what the URL of the small logo is so we can check. It would also be helpful for us if you can give us admin access into your site so we can take a closer look. Please put this in the Private Content section of your reply so that only staff will see it.

Best regards,
Sarah

Hi,

Please add this to your CSS: background-size: contain

So the latter part of your code will be like this:

.header-scrolled .logo a {
    background: url(_SCROLLED_LOGO_URL_HERE_) no-repeat top center;
    background-size: contain;
}

Best regards,
Sarah