Tagged: menu
You can see in the above image what it’s supposed to look like in the menu but for the life of me, I can’t get the background in the secondary menu to be white. I appreciate any help you can give.
Hey justmind,
Thanks for the link to your site, the following css will make your menu background white and also give the gray hover.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
.header_color .sub_menu #avia2-menu li ul a {
background-color: #fff !important;
}
#top #wrap_all #avia2-menu ul > li:hover > a {
background-color: #f0f0f0 !important;
}
Best regards,
Mike
Your previous edit fixed my last question. One last thing, on the top secondary menu of my site, the background color of the menu is slightly different than than surrounding white. You can see it most easily at https://justmind.org but also there is the image below. I am not sure how to fix this.
Hi,
Thanks for the screenshot, that was hard for me to see :)
Try looking for this css in your custom css:
.sub_menu ul, .sub_menu ul li {
background-color: #fff !important;
}
and replace with:
.sub_menu ul, .sub_menu ul li {
background-color: #f8f8f8 !important;
}
Best regards,
Mike
Thank you. That fixed it.
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)
Best regards,
Mike