[goldfishflake]

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

[Zed]

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.

[rickyg213]

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

[Zed]

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.

[rickyg213]

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

[Author]

Posts