Background transparency part 3

[Ilkka Suominen]

Hi again! 🙂

Thanks for the help and advice so far!

There’s just one more thing in the menus that’s not working. When you open a page from a top level menu that has submenus, everything is fine. But when you hover over the same top level menu again and it shows the submenus, the background of the submenus is not correct. Just open the link and hover over “Jäsenyritykset” and you’ll see the problem. 🙂

I experimented by adding different parts of the code (from Stylesheed.css Navigation section) to custom CSS field but with no luck. Couldn’t figure out the logic yet. 😀

This is my Custom CSS so far:

div#sidebar nav a,
div#sidebar nav a:visited,
header#primary,
#content,
div#sidebar nav li.current-menu-item li a,
.staff-list article,
select.tinynav,
#sidebar .widget {
background-color: rgba(255, 255, 255, 0.80);
}

div#sidebar nav a:hover,
div#sidebar nav .current-menu-item a{
background-color: #afcd6b;
}

@media only screen and (max-width: 767px) {

ul#supersized {
display: none;
}
}

[Bill Robbins]

Good Morning,

Great question there. I think we may need to add this to the Custom CSS too:

div#sidebar nav .current-menu-item ul.sub-menu li a {
	background-color: rgba(255, 255, 255, 0.84);
}

which I believe will make those a semi-transparent white too.

Let me know if that doesn’t do the trick.

Have a great week,
Bill

[Ilkka Suominen]

Yeah! Thanks, it works! 🙂

There was one thing still but I figured it out on my own this time. When hovering over sub menus the color didn’t change but after adding this to Custom CSS it works like a charm:

div#sidebar nav .current-menu-item ul.sub-menu li a:hover,
div#sidebar nav ul.sub-menu li.current-menu-item a {
background-color: #afcd6b;
}

Thanks again! Hope you have a nice week too!

– Ilkka –

[Bill Robbins]

I’m glad to hear it’s all sorted out Ilkka 🙂

If you need anything else, just let me know.

[Author]

Posts