Transparent mega menu

[chrisallard]

Hi,
Is there a way to make the mega menu transparent and have solid column headers?
I’ve managed to change the colour of the column (while the headers stay white) by using this css

nav.mega-menu li .mega .sub .sub-menu {
background-color:#ffffff;
filter:alpha(opacity=60);
opacity:0.6;
}

However what this seems to do is just affect the opacity of the lettering and not do anything to the background.
Any suggestions?

Thank you
Chris

[Kyle – SUPPORT]

Hi

Yo would need to apply the opacity to the background only by using:

background-color: rgba(225,225,225,0.60);

Let me know if this works

– Kyle

[chrisallard]

Hi Kyle,
Thanks for the help, but unfortunately it did not work.
All it did was change the menu to grey now. I’ve included a screenshot.

c

[Kyle – SUPPORT]

Sorry it’s 255. You must have added it to the wrong thing,

nav .menu ul.sub-menu {
  background-color: rgba(255,255,255,0.6);
}

– Kyle

[chrisallard]

Works like a charm. Thank you so much.
Is there an easy way to change the background colour of the column headers in the mega menu?

[Kyle – SUPPORT]

Hi

There will be, but as there is no column headers on our demo I can not discover the css without seeing your website.

– Kyle