i used a left side menu/logo area for this site, however, while I can figure out most CSS I need to change, I can’t figure out how to change the color of the submenu hover box? As you can see this one is black and it’s not showing up very well. Also is there any way to change the spacing of it? Like having it closer to the text that was hovered on? Not sure if that makes sense. Thank you!
Hi mjaraas!
Try adding this to your custom CSS.
.html_header_left .av-main-nav ul { left: 50% !important; }
As for the backgrounds navigate to Dashboard > Enfold > Advanced Styling and add a new rule for the sub level links and change their background. You can add another rule on top of that and check the “apply on hover” checkbox to change their hover colors as well.
Best regards,
Elliott