Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1182998
    wayneswax
    Participant

    Greetings again,

    If you go to this url: Wayne’s Wax you will see the ubermenu in the masthead. One menu item, Products has a sub-menu, and one of the sub-menu items, “Coast to Coast” has a sub-menu off of it. If you mouse-over Coast to Coast you can see the two sub-sub-items Shipping Solution and Exhaust / Generator Protector are two different colors, both background and text. The Ubermenu console doesn’t seem to have a way to adjust level-2 items.

    The background and text for the two sub-sub-menu items is irregular. I need to make them both black background, and white text. I would also like to control for background color on hover (make them gray or something) of both items.

    I have tried customizing the css using examples from different online answers, such s using a #megaMenu id, but in truth, I don’t even see an id attached to the menu list items. I do have FireFox Firebug, and can see the classes, but I’m doing something wrong with the selector / selector hierarchy chain.

    #1183043
    Joao
    Moderator

    Hi There,

    Please add the following code to Appereance > Customizer > Custom > CSS

    .ubermenu-bar-align-right {
        margin-right: 60px !important;
    }
    
    .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
        position: initial !important;
        margin-left: 5px !important;
    }

    Hope that helps

    Joao

    #1183225
    wayneswax
    Participant

    Hi Joao, thanks for the positioning hints, but my original question was really about how to make the 2nd child, or child-of-child (level-2) menu item the same color. If you can please look at Products > Coast to Coast > Shipping Solution (mouse over it to see why I want to fix the background-color and text color).

    http://wayneswax.com/new/aircraft/

    Thanks.

    #1183276
    Christian
    Moderator

    Please add the code below in your Appearance > Customize > Custom > Global CSS

    .ubermenu-item-level-2 a {
        color: white !important
    }
    .ubermenu-item-level-2 a:hover {
        background: red !important
    }

    Hope that helps. 🙂

    #1183398
    wayneswax
    Participant

    Yes! Thank you very much!

    #1183407
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-1182998 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>