Add underline to all of uber menus items except on the top level

[dstro003]

I would like to add a underline on hover to all my menu items for “SoundShock Menu 2.0” except the top level like in the “How-To-Tutorials” in the upper left hand corner of this webpage: https://music.tutsplus.com/tutorials

I am currently using ubermenu and have tried this to no luck

.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-target:hover,
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-active > .ubermenu-target {
text-decoration: underline;

}

Any help accomplishing this would be appreciated! would be appreciated!

Thanks

[rad]

Hi there,

Thanks for posting in.

Would you mind providing your site’s URL? Looks like you’re referring to the tab lines. And if possible, please provide your login credentials in a secure note for further testing.

Thanks!

[dstro003]

Hey Rad,

Here is the site URL: http://www.soundshockaudio.com/

and yes, I am referring to underlining all the elements in the main menu “SoundShock Menu 2.0” except the top level items.

Thanks again!

[ruenel]

Hello There,

Thanks for providing the information. To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.ubermenu .ubermenu-submenu .ubermenu-target-text:hover {
    text-decoration: underline !important;
    color: red !important;
}

I added a red color so that you can easily spot the changes. You may remove the color line if it is not needed.

Please let us know how it goes.

[dstro003]

Thanks for the help RueNel!

The code worked!

[ruenel]

You’re welcome!
We’re glad we were able to help you out.