Please see http://thecaloriemythbook.com/
1. How can I remove the little widget that shows up below the selected menu item in the header?
2. How can I make *only* the sub-menus have a white background…while keeping the header background purple?
Thanks!
Hey,
1.) Add this on your custom.css or Quick CSS:
.avia-menu-fx {
display: none;
opacity: 0;
}
2.) You can use this:
.header_color .main_menu .menu ul li a {
background: white;
color: red;
}
Regards,
Ismael
Perfect! You are the man Ismael!
Quick follow-up, how can I make the little widget that shows up below the selected menu item in the header white vs. not showing up at all?
Hi stunna42,
Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:
#top .avia-menu-fx,
#top .avia-menu-fx .avia-arrow,
#top .header_color .main_menu ul:first-child >li > ul,
#top .header_color .avia_mega_div > .sub-menu{
background-color: #fff;
border-color: #fff;
}
Regards,
Devin
Hi Devin – Thanks for the quick reply. I tried adding the CSS provided in addition to and in place of the CSS provided by Ismael, and in both cases it didn’t appear to do anything (note: I tried clearing my browser cache etc.). Any idea what I may be doing wrong?
Hey,
Please try this:
.header_color .avia-menu-fx {
background-color: #ffffff;
color: #ffffff;
border-color: #ffffff;
}
Regards,
Ismael
Perfect! Thanks Ismael!