Shrink Logo on scroll

  • Author
    Posts
  • #108509

    Logo is resized to 150 px to overhang the header image with media query above 981px.
    How would I make the logo resize to stay within the nav bar that is 85px when the visitor scrolls down the page?

    Any help would be appreciated.
    TIA!

    Website: cgadistrict23.com

    #108757
    Zed
    Cryout Creations mastermind

    Try the following CSS:

    .header-fixed .custom-logo {
        min-height: 0;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #131762

    Hello is there a way to have the logo at the top shrink/get smaller when you scroll down? I know how to make the logo bigger and to have it overflow from the menu bar at top but I would like it to be larger at the top of the page and it shrunken and smaller into the menu bar when you scroll down. Is there CSS code to do this? Thanks!

    Website: twelvesigns.tv

    #131834
    Zed
    Cryout Creations mastermind

    Try changing the CSS to:

    .site-header-bottom:not(.header-fixed) img.custom-logo {
      max-height: 98px;
    }

    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #131838

    Worked beautifully!! Thank you so much, Zed. 🙌

Viewing 5 posts - 1 through 5 (of 5 total)

You need to log in to reply to this topic.