Logo resize during scroll (sticky nav)

  • Author
  • #164059

    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


    Theme Author


    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.


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