I am trying to get my mega menu on top of the carousel but it hides behind it. I don't know how to make it show on top.This is before adding carousel. This is after adding carousel from bootstrap. Mega Menu css. Mega menu Hover.

Please help.

I tried to see overflow and z-index and tried both of them. I don't know if i am doing it right or not. I want my mega menu to show up on top of the carousel.

CodePudding user response：

A possible solution is to set the mega menu to position absolute, then set its z-index to 1. This will set the entire bar above out of the stack and move it above the carousel.

The other option is to move the mega menu data higher in the HTML page to give it higher priority. It would help to see the rest of the source code from the HTML index. Tell me how it goes!

CodePudding user response：

My Problem is solved as i have given "z-index:5;" to all the "li" and "ul" element in the navbar. Now it is working.