I am trying to add hover delay to the main categories menu in SuiteCommerce. Currently, there is no delay so moving your mouse over the screen causes the dropdown menus to appear instantly. This is a nuisance when trying to navigate to an existing element on the current screen.

I've tried adding transition-delay to the hover state in the categories menu in our custom theme, but that only delays the change of the menu text color from normal to the hover color; the menu still opens immediately. I've even tried applying this to various elements within the menu (e.g., <li><a>) within the browser console with no luck. How can I fix this?