Change logo in header once scrolling up

Gus Gikas

• February 15, 2025 22:15

Hi Everyone...

We have a website:  www.angelfoundationforlearning.org which the Logo in the middle of the header.  When someone scrolls up, is there a way to change the logo so it shows a secondary logo online (just the wings)?

I have the logo in 2 parts, one with the wings, and one without the wings.

Please let me know if this is even possible.

Thanks.

 

0

• 

  Ariel H.

  • February 17, 2025 13:06

  Hi Gus,  

  Thank you for reaching out.  

  You can set your header as a sticky header, which will add a layer above your visible menu that only appears when you scroll down. This allows you to create a separate design displaying just the wings, while the main header can feature the full logo. I've created a quick example for you at this link – https://youtu.be/1S9Z3xjCSW4

  You might need to adjust the menu layout below the logo by moving the menu element just under the logo to make it part of the main header.

  Please try this and let me know how it goes.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.