Issue with my dropdown menu going behind Steel Series Gauges

[broadstairs]

I am trying to fix an issue I have with my Steel Series gauges page here where the dropdown menu when you hover over say Weather it goes behind the ticker and the gauges. I need to prevent this so the dropdown stays in front. I’ve tried modifying the z-index for the dropdown but it does not seem to fix it even with a value of 9999. Can someone please tell me what I am doing wrong here?

Stuart

[pwsdashboard]

@broadstairs post:1

I am trying to fix an issue I have with my Steel Series gauges page here where the dropdown menu when you hover over say Weather it goes behind the ticker and the gauges. I need to prevent this so the dropdown stays in front. I’ve tried modifying the z-index for the dropdown but it does not seem to fix it even with a value of 9999. Can someone please tell me what I am doing wrong here?

Stuart

You could change your main2.css for “hovering” the .dropdown-content at lines 166-169 It now reads

.dropdown:hover .dropdown-content {
    display: block;
}

by adding the z-index (info => https://www.w3schools.com/cssref/pr_pos_z-index.asp )

.dropdown:hover .dropdown-content {
    display: block;
    z-index: 1000;
}

As a .css file is not automatically reloaded by the browser, you have to force a reload of the page in your browser.

Wim

---

[broadstairs]

Thanks Wim, I had the z-index on the nav class and assumed wrongly it would cascade down!

Stuart