Custom CSS Input-Box changes Code for modifying Dropdownmenue

Hello,
I found your advice (ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}) for modifying the dropdownmenue (dazzling) for mouseover. I pasted the exact code in the Custom CSS Box, after saving it looks like this:
ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
and doesn’t work.
Have you any suggestions for what I’m doing wrong?

Beside of this i do have an other question.

Is there a way, to modify the font family for the dorop down menue? The corresponding code bracket would be great to know.

Thank you for your help.

jule

Hi Jule,

I hope you are well today and thank you for your questions.

I found your advice (ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}) for modifying the dropdownmenue (dazzling) for mouseover. I pasted the exact code in the Custom CSS Box, after saving it looks like this: ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;} and doesn’t work. Have you any suggestions for what I’m doing wrong?
I have tested the provided CSS code on my test site by adding it in the Custom CSS Theme Options and found it's not working because the Greater-than sign > gets converted to > on saving it.

This issue will be resolved shortly in the theme.

In the meanwhile could you please try adding the provided CSS code in your child theme or adding it in your site using the following plugin.

Is there a way, to modify the font family for the dorop down menue? The corresponding code bracket would be great to know.
You can change the font family of drop down menu by using the following CSS code.
ul.nav li.dropdown ul.dropdown-menu {
     font-family: monospace;
}

Just change the font family monospace to whatever you want to use.

Best Rgeards,
Vinod Dalvi