Drop down menu background/items white out on MS Edge browser

[PoscoCreative]

Hi!

We’re testing a site and have discovered that the drop down menus in the main navigation become unreadable on Microsoft Edge. Do you have a way to correct this issue?

Thanks!

[ruenel]

Hello There,

Thanks for writing in!

You are experiencing this issue because you have inserted an invalid css code:

header .x-navbar .sub-menu {
    background-color: rgb(71,71,71,.9) !important;
    font-size: 16px;
}

Please have it updated and use this code instead:

header .x-navbar .sub-menu {
    background-color: rgba(71,71,71,0.9) !important;
    font-size: 16px;
}

We would loved to know if this has work for you. Thank you.

[PoscoCreative]

Hi!
Thanks for that updated code. That didn’t fix it unfortunately.
The issue was present before I added that code, and is still present with the updated code. What else can we try?

Thanks!

[nabeel]

Hi again,

I checked your site and the syntax is not right, you currently have this CSS:

header .x-navbar .sub-menu {
    background-color: rgb(71, 71, 71, 0.9) !important;
    font-size: 16px;
}

Which is not right, rgb should be rgba if you need transparency, please update your code with this:

header .x-navbar .sub-menu {
    background-color: rgba(71, 71, 71, 0.9) !important;
    font-size: 16px;
}

Let us know how this goes!

[PoscoCreative]

Oh I see where I missed a piece of code there, thanks for point that out. So yes, now it is working!

Thanks again for your help!

[nabeel]

Glad we could help.

Cheers!