Gradient Text / Active Menu Text and Underline

[noelone]

I would like the option to having active menu items gradient and a gradient partilel underline. Can I add a custom option to have gradient as apposed to just a single color?

This link will help me explain if you look at the menu actions. http://new.bevclean.com/brochure/

Thank You!!!

[thai]

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.x-navbar .desktop .x-nav > li > a:hover > span, 
.x-navbar .desktop .x-nav > .x-active > a > span, 
.x-navbar .desktop .x-nav > .current-menu-item > a > span {
    color: #1e73be;
    background: -webkit-gradient(linear,left top,right top,color-stop(32%,#1e73be),color-stop(100%,#35ceb7));
    background: -webkit-linear-gradient(left,#1e73be 32%,#35ceb7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}