Shrink Sticky Header On Scroll


How would I adjust the settings in the Header Builder shrink the logo in the top bar on page scroll? Currently, I have both bars pinned as sticky.

Thank you,

Hello William,

Thanks for writing in!

You can do the following to shrink the logo on the page scroll.
1.) In your Bar element settings, set the shrinking amount.

2.) For the Logo Image element, you will need to apply some scaling effects with these settings:

Kindly let us know how it goes.

Thank you for the knowledge on these settings, great to know! It all seems to work really well except that before scrolling, the image is scaled down. I would like to scale the image only on scrolling in the sticky bar:

Thank you.

Hello @webraven,

Please provide us access to your site so we can check your header and the image effect module settings. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

Thank you Ruenel! I’ve added the secure note.

Hello @webraven,

I have checked your Effects settings and it is now working resizing the logo only when you scroll the page.

See the secure note.

Best Regards.

Tremendous! Thank you!

Hi @webraven,

Glad that we are able to help you.


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.