Help, hover on menu.

Are you sure you need to go 2 <ul> levels deep?

that is default css on this theme i think because i didnt change anything

Where are you adding your CSS modifications?

at bottom of style.css

but here I think is problem in conflict that qtrans dont have hover and <nav> have it so, css is applying on qtrans

I can’t see that CSS modification (the code in your original post) in your Child Theme style.css file https://apartmens-pliva.com/wp-content/themes/vatange-child/style.css?ver=1.1.2

Are you sure you’re working on the right file?

under

/* Dodane stvari */

translate : (Added stuff)

Put this at the bottom of your Child Theme style.css file:

.main-navigation #language li:hover,
.main-navigation #language li a:hover {
 background-color: none;
}

It’ll be something like that.

Make sure you do your changes in the Child Theme.

it doesn’t work…

It wasn’t supposed to, but you get the idea right?

Try this:

.main-navigation #language li:hover {
	background-color: transparent;
}

.main-navigation #language li.lang-en a:hover {
	background: url(/wp-content/plugins/qtranslate/flags/gb.png) no-repeat;
}

.main-navigation #language li.lang-rs a:hover {
	background: url(/wp-content/plugins/qtranslate/flags/rs.png) no-repeat;
}

Yes i know..

But:

https://prntscr.com/26jxnz

.main-navigation .qtrans_language_chooser li:hover,
.main-navigation .qtrans_language_chooser li a:hover {
 background-color: none;
}

https://prntscr.com/26jy4h

.main-navigation .qtrans_language_chooser li:hover,
.main-navigation .qtrans_language_chooser li a:hover {
 opacity: 0.4;
}

well line is ok but how to disable :/

I had to change 2 lines

.main-navigation ul li :hover {
background: #00bcff;
color: #FFFFFF;
}

to
.main-navigation ul li :hover {color: #FFFFFF;}

and add

#qtranslate-chooser li:hover {
	background:none;
}

thank you on tips ??