Sub-menu font hover color

[juanajaafar]

Hi. I’d like to set rgb(215, 15, 15) as a hover color to my sub-menu below. How do I do this?

Link: https://www.juanajaafar.net

[rad]

Hi @juanajaafar,

Thanks for reaching out.

Please add this CSS to your global custom CSS

.x-navbar .desktop .x-nav>li>a:hover {
    color: rgb(215, 15, 15) !important;
} 

Thanks!

[juanajaafar]

Hi. This doesn’t work. It makes the menu hover red rather than the sub-menu (House Rules, Permission). See below:

[paul.r]

Hi,

You can try this code instead.

.x-navbar .desktop .sub-menu a:hover, 
.x-navbar .desktop .sub-menu .x-active > a, 
.x-navbar .desktop .sub-menu .current-menu-item > a {
    color: rgb(215, 15, 15) !important;
}

Hope that helps.

[juanajaafar]

Hi. This doesn’t work.

[ruenel]

Hello There,

I have inspected your site and I could not find the code in the page source. Did you happened to remove it already? Please put it back again because the code should have work. Unless you inserted an incorrect code with a missing character which is might be the case why the code did not work.

Please add it back again so that we can check it.

Thanks.

[juanajaafar]

Yes, I removed it because it doesn’t work. Okay, I’ve just put it back and it still doesn’t work. You can take a look.

[thai]

Hi There,

Please find this custom CSS:

@media (max-width:625px) {
	.single-post .entry-featured {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}

And change to this:

@media (max-width:625px) {
	.single-post .entry-featured {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
}

After that add the provided custom CSS again.

Let us know how it goes!

[juanajaafar]

Alright, this works now! Thanx.

[ruenel]

You’re welcome!
Thanks for letting us know that it has worked for you.