Re-customize Header Hover

Hi,

you guys did a nice customization for me at this link: http://xtemos.com/forums/topic/underlineborder-text-on-menu-hover/

But now, I’ve changed my header to “Logo center” option (because there were too many links for E-com header and it was breaking in two rows). Now, the underline when hovered is getting too close from menu. But this is only happening on main menu, the sub-menu and others stills ok.

Thanks in advance.

Hello,

Ok, try to replace CSS styles for these selectors with the following snippet

.main-nav .menu > li > a:before, 
.main-nav .menu > li.menu-item-design-default ul li a:before {
    content: "";
    position: absolute;
    top: 75%;
    left: 13px;
    right: 13px;
    height: 2px;
    background: black;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

Regards

Thanks, it worked good!!

You are welcome!

[Author]

Posts