I have an ul / li list and want to set shadow to create a gradient effect when li is active and hover.
This is the code that creates the border, the idea is to insert more 5px as a shadow to create the effect.
ul.navmenu-nav>li>a:hover,
ul.navmenu-nav>li.active>a,
ul.navmenu-nav>li>a:focus {
padding-left:15px;
border-left: 5px solid #2E2F44;
text-decoration: none;
background-color: #ffffff;
}