Demo 5 Mega Menu Hover CSS

[Skywalker [ ex VibeThemes]]

Go to wp-admin->appearance->customiser->add custom CSS-> add these lines and save. header.standard nav>.menu>li>a:after{content:'';width:0;height:2px;position:absolute;top:-1px;left:0;display:inline-block;background:transparent;transition: all 0.25s ease-in-out;} header{border-bottom:2px solid #7bbb5e !important;} header.standard nav .sub-menu li a:hover,header.standard nav .sub-menu li:hover a, header.standard nav>.menu>li.current-menu-item>a, header.standard nav>.menu>li.current_page_item>a{background:#7bbb5e;color:#fff !important;} header.standard nav>.menu>li:hover>a:after{width:100%;background:#7bbb5e;} header.standard nav{position:relative;width:100%;}

[Author]

Posts