Ubermenu Line above items

Nestor

You are here:
< Back

This recreates the RED LINE like X Theme when using UberMenu

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