I’m rather new to Webflow and web design as a whole. Late last night I stumbled across an issue that was persistent across every browser bar safari. Upon opening the menu I have an animation that inverts the colours of my header and the corresponding overlay. This works like a charm in safari and seems to function perfectly, however coming to chrome the grid and interactions seem to get half way then call it a day. This is my first project so it’s a tad sloppy, but I’ve left the public link down below so you can see where I went wrong.
I have considered changing my animation to individually alter text and background colour, yet feel as if that could also pose its problems. Would love to hear any advice or solutions.
(Note: I have trialled multiple browsers in incognito with cleared caches to no dismay. The only browser capable of opening the element correctly is safari. I originally edited this in Safari — this may have something to do with it.)