[2342JParticipant]

There is a blue onclick highlight appearing around menu items where I have turned off the link, I turned the link for the top level menu item off from the Menus dialog. It does not appear when clicking actively linked menu items. I don’t know where to find this setting. A CSS selector would do as well.

I just want to remove it.

Any thoughts on?

[2342JParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Try adding the following CSS under Customizer > Custom > Edit Global CSS:

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

Hope it helps.

[2342JParticipant]

It had no effect.

[Nabeel AModerator]

Hi again,

Please add the following code in your Customizer:

.ubermenu, .ubermenu .ubermenu-column, .ubermenu .ubermenu-divider, .ubermenu .ubermenu-item, .ubermenu .ubermenu-nav, .ubermenu .ubermenu-retractor, .ubermenu .ubermenu-row, .ubermenu .ubermenu-search, .ubermenu .ubermenu-search-input, .ubermenu .ubermenu-search-submit, .ubermenu .ubermenu-submenu, .ubermenu .ubermenu-submenu-footer, .ubermenu .ubermenu-tabs, .ubermenu .ubermenu-tabs-panels, .ubermenu .ubermenu-target, .ubermenu-responsive-toggle {
    outline: none !important;
}

Let us know how this goes!

[2342JParticipant]

Hmm. No effect.

[2342JParticipant]

This reply has been marked as private.

[2342JParticipant]

Also note that I am using UberMenu — it’s related to that.

[ChristianModerator]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.ubermenu-accessible input:not(:hover):focus, .ubermenu-accessible:not(:hover) .ubermenu-target:focus {
    outline: none;
    box-shadow: none;
}

Hope that helps. 🙂

[2342JParticipant]

Still no effect. And it’s blue on some items, and red on others. Make a me crazy.

[ChristianModerator]

I don’t see the code we’ve given been added. Would you mind removing all customizations and try the code again. Make sure you completely copy the code. If it still doesn’t help, please give us access to your WordPress admin.

Thanks.

[2342JParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thanks for the credentials, but it does not have an admin role. Do you have a caching plugin/feature? Make sure you clear your cache (plugins and browser) after adding the code provided.

We have encounter this issue many times, and it is only on Firefox because firefox is adding that focus outline attribute to anchors. The custom CSS below should resolve the issue.

a:focus, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, input[type="checkbox"]:focus {
	outline: none !important;
}

Let us know how it goes.

Cheers!

[2342JParticipant]

Sorry about that, I upgraded you to admin.

It definitely happens in Chrome, Firefox, and Safari — all three.

The code is in place but did not resolve, caches emptied. What do you get when you look at it?

[Rue NelModerator]

Hello There,

Are you seeing something like this?

At this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

Thank you.

[Author]

Posts