Ubermenu menu outline and Active Item


You are here:
< Back

Recently had an issue where an outline appeared around a manu item and I could not get rid of it. IT only happens when you move the mouse away from the active item. A thin line will apear around the active menu item if it has child items when using UBERMENU wiht X Theme.


Below is the fix for this

/* Current Top Level Menu Item */ .ubermenu .ubermenu-item-level-0.ubermenu-current-menu-item &gt; .ubermenu-target:before, .ubermenu .ubermenu-item-level-0.ubermenu-current-menu-parent &gt; .ubermenu-target:before, .ubermenu .ubermenu-item-level-0.ubermenu-current-menu-ancestor &gt; .ubermenu-target:before, /* Top Level Items - Hover */ .ubermenu .ubermenu-item-level-0:hover &gt; .ubermenu-target:before, .ubermenu .ubermenu-item-level-0.ubermenu-active &gt; .ubermenu-target:before{ content:''; position:absolute; top:0; left:0; width:100%; border-bottom:5px solid red; } .ubermenu *:focus{ outline:none; }