Color in multilevel submenus

For a multilevel submenu in Themler, you can usually achieve different colors for each submenu level by targeting the appropriate menu-depth or submenu CSS class and applying separate background and text colors. For example, the first submenu can remain white, the second level can use a darker shade, and a third-level submenu can have its own contrasting color to make the navigation hierarchy clearer. A light greige shade can work particularly well for the third level because it provides a soft, neutral appearance while maintaining readability. Using custom CSS is generally the most flexible approach when the standard Themler menu settings do not provide separate styling controls for every submenu depth.

Hi,

Do you mean items of third level in vertical menu?
If so please try adding the following code to the Themler Settings >> Additional CSS:

.bd-menu-23 .bd-menuitem-23 > a + .bd-menu-24-popup .bd-menuitem-24 > a + .bd-menu-24-popup .bd-menu-24 .bd-menuitem-24 > a
{
background-color: red;
}
.bd-menu-23 .bd-menuitem-23 > a + .bd-menu-24-popup .bd-menuitem-24 > a + .bd-menu-24-popup .bd-menu-24 .bd-menuitem-24 > a.active
{
background-color: #e8a815;
}

This should help.

Please keep us posted about the progress.

Thank you,
Olivia

Do you have any desctiption on how I edit it?

Hi,

There is no such option. You can set the color manually using the custom code.

Sincerely,
Hella