Hi guys. I'm attempting to change the text content of a pseudo element on scroll by replacing the text using a data attribute on each section. It isn't working and I suspect the content property isn't supported. Is there a simple solution to this? Many thanks in advance.
Thanks Zach. You're right - the flex grow property is definitely the way to go.
I've put a basic pen together but it's a long way off working. I've been trying to get the sidebar nav to toggle the active class that applies the flex-grow to the active sidebar element. Ideally would eventually want to hook this up to scrolltrigger too so that the sidebar elements navigate as their associate section scrolls into view. Any thoughts on how to handle this? Sorry I'm a bit out of my depth
See the Pen GRvOWNa by Jloafs (@Jloafs) on CodePen