Are you mainly talking about the spacing above the logo and “Products” link or were there other issues?
I notice you have a section (.cursor-section
) that’s housing all of your cursor design and some embed elements, so maybe try reducing the height to 0 and hiding any overflow. It’s possible (but unlikely) that Safari is applying some basic styles here—although I don’t have a way to test this since I’m on Windows.
Since various browsers can interpret code differently, it may be necessary to define values that is implied on one but not another. Webflow does a pretty good job, but ultimately there’s going to be some tweaks necessary to get things displaying the same—most of the time occurring between Chrome and Safari/iOS.
Feel free to let me know if there are any other issues your noticing, I couldn’t see anything else glaring in your video so any extra info will help.