Tagged: x
-
AuthorPosts
-
September 20, 2016 at 6:26 am #1182998
wayneswaxParticipantGreetings 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.
September 20, 2016 at 7:28 am #1183043
JoaoModeratorHi 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
September 20, 2016 at 9:45 am #1183225
wayneswaxParticipantHi 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.
September 20, 2016 at 10:31 am #1183276
ChristianModeratorPlease 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. 🙂
September 20, 2016 at 12:07 pm #1183398
wayneswaxParticipantYes! Thank you very much!
September 20, 2016 at 12:16 pm #1183407
Prasant RaiModeratorYou are most welcome. 🙂
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1182998 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
