Navbar hover not working on safari

[Jennine]

hello,
There are a couple of things going on with my dropdown menu that I’m hoping you can help with:

• the hover color interaction is not working in safari.
• I would like the word “organization” to be centered in the dropdown box
• I would like the dropdown to appear faster upon hover

Also, Is there a way that the line height can be smaller when it’s on smaller screen size and the top links move to two lines?( as shown in the screenshot.) The gap between the top and bottom links seems too big.
Here is the URL: http://specialnarcoticsp.sg-host.com/organization/
Thanks so much for our help

[ruenel]

Hello @Jennine,

Thanks for writing in!

1.) The hover color interaction is working on my Safari browser. I am using the latest with MacOS Catalina.
See the secure note.

2.) To center the sub menu item link text, simply set the left and right text margin to auto.

3.) Regretfully there isn’t any setting or option in the builder that you can change the delay animation of the submenu. You will need a custom coding to override the behavior of the submenu. Keep in mind that custom coding is beyond the scope of our support already.

Thank you for your understanding.

[Jennine]

hello,
The centering worked thank you. The only question I still have is the spacing:
Is there a way that the line height can be smaller when it’s on smaller screen size and the top links move to two lines?( as shown in the screenshot.) The gap between the top and bottom links seems too big.

[ruenel]

Hi @Jennine,

If you want to adjust the line height to have something like this:

You will have to adjust the top margin, top padding, bottom margin and bottom padding of your Top Links.

Please let us know if this works out for you.

[Jennine]

thank you. That worked

[ruenel]

You are most welcome!