I shared the website with you live. I had to define the header section as light gray right now, but I want to use it as transparent which the website has itself. I wanted to define the background as light gray or white when scrolling down because otherwise the texts blend in with the header (if you check original template, you will see what I mean), but I couldn't do it via javascript. Can you give me information on how to do this?
Apart from the solution you implemented, you can make the header fixed, on top, if you are willing to disable smooth scrolling. After disabling it, just add
header {
position: relative;
}
in customizer -> additional css
on the other hand, for each section within content you can apply Invert Header Color setting to automatically invert the menu header colors when scrolling over.
Hello,
I shared the website with you live. I had to define the header section as light gray right now, but I want to use it as transparent which the website has itself. I wanted to define the background as light gray or white when scrolling down because otherwise the texts blend in with the header (if you check original template, you will see what I mean), but I couldn't do it via javascript. Can you give me information on how to do this?
Thank you.
Hello,
Apart from the solution you implemented, you can make the header fixed, on top, if you are willing to disable smooth scrolling. After disabling it, just add
header {
position: relative;
}
in customizer -> additional css
on the other hand, for each section within content you can apply Invert Header Color setting to automatically invert the menu header colors when scrolling over.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio