JavaScript Dropdown Menu - Parts Disappearing On A Mac?

My website has various pages and every page has a duplicated navigation menu along the top. This works fine on every browser on a PC. However, when on a Mac in safari or iPad, it w

Solution 1:

it might be a rendering problem. Try adding some fix css to your elements :

-webkit-transform: translateZ(0);

It should force rendering... you can do it with javascript like this:

jQuery("#menu ul, #menu li").css("-webkit-transform", "translateZ(0)");

You can also apply the css property to all children of #menu. I'd add the anchor selector too:

jQuery("#menu, #menu ul, #menu li, #menu a").css("-webkit-transform", "translateZ(0)");

If it still doesn't work, try removing cufons.