Logo resize during scroll (sticky nav)

  • Author
    Posts
  • #164059

    mmart116
    Member
    Original poster

    Hi there,

    I have a sticky nav and I can’t seem to resize my logo once the user scrolls.

    I currently have this:

    #header #logo .site-logo-link img {
    max-height: 100px;
    }

    the header ID has a fixed position and a max width of 180px. I saw a similar post, but the answer wasn’t shared by the user.

    The blog I need help with is: drmarieevemartel.ca

    #164071

    itsdavidmorgan
    Theme Author

    Hello,

    Thanks for reaching out. You were close. However, you have to adjust the max-width value, not the max-height. Try the following CSS:

    #header.header-small #logo .site-logo-link img {
        max-width: 100px;
    }

    That code should change the logo size once the user starts scrolling.

    I hope this helps.

    Thanks!

The topic ‘Logo resize during scroll (sticky nav)’ is closed to new replies.