Hi there,
Sorry to bug you with a silly question, but it’s stumped me. I’ve tried CSS and Advanced Styling for the Fly-out Menu, but it’s not sticking.
I just want to change the font colour of the menu items in the fly-out menu here: https://laurenhardy.ca/
Any help would be appreciated, thanks!
Hey Deanna,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
color: #781818;
}
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria,
Thanks, but this didn’t work! I do have a custom background behind the fly-out menu using this CSS
.av-burger-overlay-inner {
background: url(https://laurenhardy.ca/wp-content/uploads/2018/12/deanna7.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
opacity: 0.3;
}
I have included a login in private access
Hi rosewoodva,
The opacity for the image is affection all elements in the flyout, the color changes with my code but opacity is low and stays poorly visible.
Best regards,
Victoria