css variables undefined for .nav-ul .sub-menu

[velsietis]

Description

• Neve Theme Version: 4.0.1
• WordPress 6.8

Reproduction Steps:

Add a site menu with a sub menu. The sub menu items has a transparent background.

Additional Info

When I open Dev Tools in the browser it showed the the css variables --bgcolor, --overlaycolor are not defined for .nav-ul .sub-menu

I can see that's coming from here...

neve/assets/scss/components/elements/navigation/_nav-menu.scss

Line 85 in 5e8991c

background: var(--bgcolor, var(--overlaycolor));

...but got a little lost in how you're handling the CSS variables so no Pull Request, just another open issue, sorry!

Workaround

Add this in Appearance > Customise > Additional CSS as a workaround:

:root{
  --bgcolor: var(--nv-site-bg);
}

Step-by-step reproduction instructions

Add a site menu with a sub menu. The sub menu items has a transparent background.

Screenshots, screen recording, code snippet or Help Scout ticket

No response

Environment info

No response

Is the issue you are reporting a regression

No

[abaicus]

Hey, @velsietis

Thank you for reporting this!

The sub-menu inherits the header row background. If the row background is transparent, the sub-menu will inherit the transparent color.

We do have advanced controls in the Pro version to customize the sub-menu background and other aspects.

Otherwise, CSS is the only way to change the sub-menu background.

If the circumstances under which this happens are different, please feel free to reopen this with additional replication steps.

Have a great day!