Menu Subcategory Transparency

[Kestersmith]

Hi,
I had the same issue that was seen in these threads:
http://support.swiftideas.net/forums/topic/main-menu-subcategory-transparency-issue/
http://support.swiftideas.net/forums/topic/menu-subcategory-transparency/

The menu was showing up transparent on the second level of drop downs. I have now followed Mohammed’s code suggestion (from the second link) which gives the result that 1ewis (from the first link) saw .

What I am after is for the background to turn turquoise on hover with white text so I changed the colour code so that I’m now using this code:

nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
background-color: #FFFFFF!important;
background: #1bbeb4!important;
}

Now the sub levels are all fully opaque and fully turquoise whether hovered or not.
I feel like I’m pretty close here but cant quite get it right.

Thanks

[Kyle – SUPPORT]

Hi

This code will not work as you have set 2 background colors.

Please provide me with a link and I will tell you the correct css.

– Kyle

[Kestersmith]

As I said, originally it read

nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
background-color: #FFFFFF!important;
background: #FFFFFF!important;
}

but that was totally white.

The website is http://www.lifeisbalance.co.uk/
Thanks

[Kyle – SUPPORT]

Try this

nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
background-color: #1bbeb4!important;
color: #FFFFFF!important;
}

– Kyle

[Kestersmith]

Still turquoise all the time.

[Kyle – SUPPORT]

Remove any of the previous css and add this:

nav .menu ul.sub-menu .sub-menu, nav .menu ul.sub-menu .sub-menu li, nav .menu ul.sub-menu .sub-menu li a {
background-color: #FFFFFF!important;
}

– Kyle

[Kestersmith]

Back to full white now.

[Kyle – SUPPORT]

I’m still seeing the turquoise backgrounds?

– Kyle

[Kestersmith]

I switched it back afterwards. It’s still usable with the turquoise background. Do you want me to switch it?

[Kyle – SUPPORT]

Please remove all previous css apart from the last one I gave you, and I will look into it.

– Kyle

[Kestersmith]

Ok, done

[Kyle – SUPPORT]

Ok try adding this css:

nav .menu ul.sub-menu .sub-menu li a:hover {
  background-color: #07C1B6 !important;
}

– Kyle

[Kestersmith]

Wahay! Top notch, thanks so much. Sorted.

[Kyle – SUPPORT]

No problem! 🙂 Glad I could help

– Kyle

[Kestersmith]

Not sure if it was doing this before and I missed it or it has started since but I’m having a similar issue whereby the currently selected option will display with a white background and white text.
In the attached picture, I am on the necklaces page which means the necklace option is fully white on the drop down menu.