The community member is having trouble making a dropdown menu display when hovering over it. They tried using the CSS display: block on the dropdown content when the dropdown is hovered, but it didn't work. Other community members suggest using CSS variables to control the display property. One community member explains the steps: add a variable to the parent element, redefine the variable on the hover state, and then use that variable on the child element's display property. Another community member confirms this approach works and provides an example of using the --display variable.
I called my variable --display, first I thought I needed to change that variable itself on the child, but I needed to add display and then add that variable to that. As shown in the screenshot. Hope it makes sense 😁
