Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #28336

    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!

    #137269

    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

    #137270

    Perfect! You are the man Ismael!

    #137271

    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?

    #137272

    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

    #137273

    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?

    #137274

    Hey,

    Please try this:

    .header_color .avia-menu-fx {
    background-color: #ffffff;
    color: #ffffff;
    border-color: #ffffff;
    }

    Regards,

    Ismael

    #137275

    Perfect! Thanks Ismael!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Two header questions’ is closed to new replies.