▼
Streaming live at 10am (PST)

Drop Down in a Nav Bar in Safari

Design help General
#1

Hello, everyone.

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:

  1. The obvious approach using flexbox settings on the container of the “About” text to make it centered horizontally and vertically within.

  2. 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:

Safari.png1593×996 2.04 MB

And here’s Firefox:

Firefox.png1529×1002 1.94 MB

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

#2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.