Logo resize during scroll (sticky nav)
The topic ‘Logo resize during scroll (sticky nav)’ is closed to new replies.
Need help? Check out our Support site, then
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
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.