How Can I Remove the Colored Lines Above Menu Items

[comstarsupport]

We’d like to remove the colored line that appears above each menu item upon hover or when active. We are using Pro/Integrity. How can we do that?

[tristup]

Hi @comstarsupport,

Thanks for reaching out.
Unfortunately, that is not possible in the usual way. But you can set the Site Link > Color to transparent from Theme Options > Typography to make that line transparent.

Or else you can add the following custom CSS to make the line hide.

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a
{
    box-shadow: none;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

[comstarsupport]

@tristup

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a
{
    box-shadow: none;
}

Thanks. Works like a charm. Your help is truly appreciated, as always.

[marc_a]

Hey @comstarsupport,

You’re welcome!