We tried to set a higher value to z-index with no succsess. /* ---------------------------------------------------------------------- */ /* Main Navigation /* ---------------------------------------------------------------------- */ (function() { var $mainNav = $('#glavna-nav').children('ul'); //$mainNav.css('position', 'absolute'); //$mainNav.css('z-index', '1000'); //$mainNav.children('li').css('z-index', '30000'); //$mainNav.children('li').css('position', 'absolute'); // Regular nav $mainNav.on('mouseenter', 'li', function() { var $this = $(this), $subMenu = $this.children('ul'); if( $subMenu.length ) $this.addClass('hover'); $subMenu.hide().stop(true, true).fadeIn(200); /* var zIndex = Math.max.apply(null, Array.prototype.map.call(document.querySelectorAll('*'), function(el) { return +el.style.zIndex; })) + 9995 + 10; setTimeout(function() { $(this).css('z-index', zIndex); console.log('zIndex: ' + zIndex); }, 1000); */ }).on('mouseleave', 'li', function() { $(this).removeClass('hover').children('ul').stop(true, true).fadeOut(50); }); })(); /* end Main Navigation */