How to make the mega menu pop up on top of the slider when hovering over the blog?

Question

css

On the site , when you hover over the "Blog" menu item, a mega menu appears, but it needs to appear on top of the slider. How to implement it?

I put z-index:20 on the menu, z-index: 10 on the slider. If I set the positioning to position: absolute; on the menu, then it is distorted (stretched to the right, the rounding of the corners disappears)

Answer 1

.mega_show {
    display: block;
    margin-top: -20px;
    padding-top: 20px;
    position: absolute;
    width: 1140px;
}