Shrinking logo while scrolling

• 

  jakodimillar · Member · Apr 15, 2023 at 2:44 pm

  • Copy link
  • Add topic to favorites

  Hello all,

  I’m trying to create the shrinking logo on a sticky header when scrolling effect, but cannot find a way to do it including code. Can anyone help me with this? is it possible without a plug-in?

  thank you

  The blog I need help with is: (visible only to logged in users)

• 

  aleone89 · Staff · Apr 17, 2023 at 10:00 am

  • Copy link

  Hey there,

  Happy to help you with this.

  This would require an element of Javascript in order to achieve. A good example of the code needed can be found here: https://www.w3schools.com/howto/howto_js_shrink_header_scroll.asp

  In order to run this, you would need the business plan, and this code could run via a code snippets plugin: https://wordpress.org/plugins/code-snippets/

  That said, on the business plan, you could probably use a theme whereby this is already built in… and there would be no code necessary.

  Out of curiosity, other than this effect with the logo – can you tell me if there’s a site out there you’d like to emulate?

  I hope this helps!

• 

  jakodimillar · Member · Apr 17, 2023 at 11:08 am

  • Copy link

  Hi Aleone89,

  Thanks for your reply- I appreciate your help.

  I was hoping to avoid the business plan, as it’s expensive and I am not (yet) a business. Most of the plans on premium membership are very basic, which is a bit disappointing and a surprise.

  I was hoping to do something like this: https://www.zephyrkitetours.com

  Thanks again,

  Jak

• 

  deancroyal · Staff · Apr 17, 2023 at 12:14 pm

  • Copy link

  Hi Jak – That’s a really nice site you’ve shared. Looking further into what they have there, I see that site is using the Impreza theme for WordPress. The demos they have there are all pretty fantastic. Out of the ~60 demos they have there I found one that resizes the logo in the header on scroll. A really clean effect. If you decide you’d like to try a custom WordPress theme like this in the future, installing and using one here on WordPress.com is possible. Any other site questions we can help you out with today?