Changing Transparent Header Background Colour and Logo on Scroll?

Support
#1

Hi Themeco team,
How can I change the transparent header background colour and header logo on scroll?

Thank you
Tamer

#2

Hello Tamer,

Thanks for writing to us.

Would you mind sharing the exact page URL so we can check it on our end and guide you properly?

Thanks

#3

Hi Prakash,
The website URL is zeitwazaytoun.lk.theme.lk

#4

Hello Tamer,

I would suggest you please follow these steps to get the background color on the page scroll.
Step 1: Create a copy of the first bar.
Step 2: Set first bar background color to transparent
Step 3: Make the second bar Hide initially.
Step 4: Make the second bar a sticky
Step 5: Set background color to the second bar along with content scrolling off, initial position set to absolute .
https://youtu.be/AGsVHy6m_Ls

Hope it helps
Thanks

#5

Thank you so much, Prakash, for your guidance. I have created the header.

#6

Hello Tamer,

Glad that we were able to help you.

Thanks

#7

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