Safari and Chrome not rendering 3rd level

I've the same issue using a custom theme, but removing the following code:

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

Doesn't resolve the issue.

In plus, in chrome I've other issues: dropdown doesn't close on mouseout.

I think this is related to #2170221: Doesn't works in Chrome supposedly due to "event.returnValue is deprecated. Please use the standard event.preventDefault() instead"

i can confirm this issue on chrome.
i can confirm the workaround in #2174473-4: Safari and Chrome not rendering 3rd level:
> When I set slide-in effect to none, it started to work.

This might be a hint for a fix.

Also crosslinking #2084859: Third level menu item is displayed next to the 2nd level menu item instead of under it which might or might not be related.

Hi,

axel.rutz solution works for me

When I set slide-in effect to none, it started to work.

I can confirm the issue with Chrome and that #4 fixes the issue.

Hey everybody,

Please switch to Bartik for a minute to see if it's the same, let me know, thanks!

mehrpadin,

Switched it to bartik and it works in chrome now. Strange. I am using a subtheme of Omega4.x. What could be the issue?

Sorry for the late reply, in one case it appeared to be some invalid CSS code (something like .sf-menu {;} as far as I recall) which was being ignored by Firefox but not Webkit etc, you can ask a CSS ninja explore your CSS or maybe moving this thread to Omega.

Update: Haven't seen this before! check this https://drupal.org/comment/7889149#comment-7889149

#4 worked for me also!! Thanks for the tip ;-)

omg, i have been trying to figure this out for an hour. thanks!! used #4

#4 worked for me.
The third level menu was not displayed on Webkit browsers. Now everthing works!

When I set slide-in effect to none, it started to work.

#4 works for me as well

#4 works for me as well for IE and Chrome... ;)