Hello. I hope all is well.
How do I get a transparent header to remain transparent when scrolling the full length of the background image rather than triggering a solid background on scroll immediately?
example:
This site has a transparent menu until the full length of the background image is scrolled over.
https://www.northitaliarestaurant.com/
Thanks for the help as always!
-Russell
Hello,
This functionality is already available and implemented on this Template: http://themes.semicolonweb.com/html/canvas/one-page/index.html .
You simply need to add the data-sticky-offset="{value}" Attribute to the #header Element with your desired value.
This will definitely work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
That did it! Thank you for the tip.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard