Dropdown menu hiding behind site origin hero image

Hi,

Yes, You could use “z-index” property for the “widget_show-slier” class & fix these menu overlapping issues.

Thanks.

Hi

This is becuase you have given z-index: 1; to the #site-header ID i.e:-

#site-header {
z-index: 1;
}

Please give it:-

#site-header {
z-index: 999;
}

@muktadhawan i erase this css code:

.widget_sow-slider {
position: relative;
z-index: 1;
}

and I replace with:

#site-header {
z-index: 999;
}

and it finally works ! Thank you for your help, I really appreciate it.

• This reply was modified 1 day, 13 hours ago by linvirgo.

But I have another problem, the homepage looks fine in dekstop version but the dropdown menu still hiding behind hero image in mobile version. Do you have any idea how to solve this problem? Thank you

.menu-modal.active {
z-index: 99999999999999999999;
}

Please try to add this in your style.css file

@muktadhawan yes it works, thanks a lot to you !