I'm having trouble with a drop down element which is placed inside of my navbar, in Safari. The word "About" is centered horizontally and vertically within its container on all other browsers, but in Safari it is stuck at the top somehow.
I've tried two different ways of centering it:
The obvious approach using flexbox settings on the container of the "About" text to make it centered horizontally and vertically within.
The way you'll see if you use my public share link: a combination of position and transform settings set at 50% and -50%.
Here's what it looks like in Safari:
And here's Firefox:
Let me know if you think you can solve this! Thanks!
Here is my public share link: https://preview.webflow.com/preview/bsf?preview=ad8ab373f8623e30b7a1ce6ba713ec67