Hi everyone, I’m trying to use the custom code widget to add a few things into my site.
I’ve got a nav bar at the top which consists of text and a png logo/image widget which are fixed in place as you scroll down. Effectively I want these to invert as they scroll over content. I know this should be achievable by using the below and finding the data-id…
[data-id=“PASTE WIDGET ID HERE”] {
mix-blend-mode: difference;
}
however, when I do this I either get the above just pasted out in words or the widget box is empty. Am I doing something wrong, getting the wrong data id or missing something?
I’m trying to achieve a similar effect to this so the nav bar is visible at all times.