Sticky bar first transparent

Hi there

Is it possible to have the sticky bar first transparent and with the first scroll get a background color?

Thanks
Andreas

Hi Andreas,

Thanks for reaching out.
You can achieve that by creating two different header bars with similar structures and different backgrounds. Please follow the below steps.

  1. Set Off the Sticky Bar for the header. [ Screenshot 1] and set the Transparent Color in the background
  2. Duplicate the same Header bar with Sticky Bar On. [ Screenshot 2 ] and set the Solid Color in the background
  3. Set Hidden initially, so it will appear only when you scroll.

test-header-Headers-Pro (1)

Remember that the above solution is only possible if you are using Pro Header Builder.

Hope it helps.
Thanks

thanks one more time for the help

Hi Andreas,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.

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