While working on shethrivespsych.com I have the info in. Enfold > General Styling > Logo Area set and working correctly on the desktop version. However, on the mobile version, the colors in this panel are not reflected in the submenu on the mobile version. Additionally, Menu Links in overlay/slide out in the advanced styling don’t seem to help. I don’t see options for this in Enfold > Advanced Styling, what can i do? How can I get the mobile menu colors to change?
Specifically I need to change the color of “Info>FAQ>Fees & Policies>Resources, or I need to affect the background colors of that section of the menu without affecting other areas.
Hey satucker,
Thank you for the inquiry.
Please use the following css code to further adjust the style of the submenu items in the mobile menu:
.html_av-overlay-side #top #wrap_all div .av-burger-overlay-scroll #av-burger-menu-ul li:hover a, #top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a:hover {
background-color: #f1efe8;
color: var(--enfold-header-color-color);
}
Best regards,
Ismael