Active menu item color in submenu

Hi muvolab,

Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( to be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

Best regards,
Nikko

Hi muvolab,

Thanks for giving us admin access.
There are two reasons it’s not working, one is this CSS code in Quick CSS:

/*Colore submenu*/
.sub-menu a .avia-menu-text {
font-weight:700 !important;
 color:#5a473c !important;
}

I removed the color property and just retained the font-weight to fix this.
The second reason is you need to add Submenu links twice in Advanced Styling, one is its default state and the other is for the hover state.
I added one for hover state (since you already added the default state) then I just used the black color, just change it to any color you want.

Best regards,
Nikko

Hi muvolab,

Yes, it’s only for two states. Try adding this CSS code in Quick CSS, just change the color:

#header #header_main .avia-menu .sub-menu .current-menu-item > a .avia-menu-text {
  color: blue;
}

Also I changed the links under Shop from custom links to category links (which will have get the current-menu-item class when the page is active).

Best regards,
Nikko

Hi muvolab,

I see, this was the code causing that behavior:

/*colore voce menu attiva */
.current-menu-item a .avia-menu-text {
color: #e6a913 !important;
}

I corrected it with this code:

/*colore voce menu attiva */
.current-menu-item > a .avia-menu-text {
color: #e6a913 !important;
}

Best regards,
Nikko

Hi muvolab,

You’re welcome :)
Just let us know if you need further assistance.

Best regards,
Nikko