Our current website is not officially live yet.
Set photo here
https://prnt.sc/P8YpfTDVmvDf
https://prnt.sc/5LSX4dMkbst7
This is my current menu Custom css code..
.sp-megamenu-parent>li{
position:relative;
right:50px;
}
.sp-megamenu-parent>li a{
font-size:18px !important;
}
.sp-megamenu-parent>li:hover>a {
color: #150766;
border-bottom: 2px solid black;
line-height: 2;
}
.sp-megamenu-parent .sp-mega-group > li > a {color: black; }
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover,
.sp-megamenu-parent .sp-mega-group > li > a:hover {color: red;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover, .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active {
background-color: orange; / your color there/
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);
padding: 0px 0px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;
padding-top: 1px;}
sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
list-style: none;
padding: 0;
margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
line-height: 1;
display: block;
padding: 15px 15px;
cursor: pointer;
}