body #header-outer .mobile-header li:not([class*="button_"]) > a .menu-title-text:after, #header-outer[data-lhe="animated_underline"]:not([data-format="left-header"]) nav > ul > li:not([class*="button_"]) > a .menu-title-text:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container li a:after, body.material #slide-out-widget-area[class*="slide-out-from-right"] .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after, body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container .nectar-menu-item-with-icon .menu-title-text:after, #header-secondary-outer[data-lhe="animated_underline"] nav >.sf-menu >li >a .menu-title-text:after, #slide-out-widget-area.fullscreen-split .inner .off-canvas-menu-container li a:after, #slide-out-widget-area.fullscreen-inline-images .inner .off-canvas-menu-container li a span:after { border-top-width: 0px; }
how to delete underline hover effect on off canvas menu as in picture
Attached files: IMG_0519.jpg
Hello there,
Thanks for keeping in touch.
Please try this css:
Thanks.