Tagged: mobile menu
Hi – My mobile menu is working great except for when I click the drop-down header. It changes colors and I can’t find the CSS anywhere to change it. Can you please post the CSS for the Mobile Menu – specifically, what controls the drop-down header? Thanks so much!
Hey edendesign,
Thanks for getting in touch with us!
Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)
Best regards,
Jordan
Of course! The link is attached as private. If you look at the mobile view and click on ‘About Us’ you’ll see that it turns cream with white type. I’d like it to be cream with burgundy type. Thanks!
Hi,
Thanks for getting back to me!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#mobile-advanced li > a:hover {
color: #642013 !important;
}
Best regards,
Jordan
That worked, thanks! To make it perfect, I’d also like to change the color of the triangle indicator (it’s still white) – can you tell me the CSS for that?
Hi!
Please add following code to Quick CSS as well
#mobile-advanced a:hover:before, #mobile-advanced span:hover a:before {
color: red;
}
Best regards,
Yigit
Thanks so much – that did it! Do you have online documentation that lists the specific CSS for various parts of the theme? Just curious. Thanks again for your help and getting back to me so quickly.
Hi!
You are welcome! Glad we could help :)
We have online documentation here – http://kriesi.at/documentation/enfold/ and you can find some code snippets but not all covered there. If you have any questions, please feel free to start a new thread!
Best regards,
Yigit