cannot change on-click-link-color in mobile menu

Hello ??

A screenshot would help a lot, and even more a live link.

I suppose you are talking about focus rings. You can read about them in the documentation here https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#accessibility-focus-rings-on-the-menu

With kind regards.
Air.

Yes it must be called focus rings ??

In my firefox browser it appears as a cute white border, but on my mobile it appears as orange, and in opera on mac as grey and in chrome as grey and white border.

I tried adding the code you referred to the in article in my custom css and it changed nothing.

I’d like the option to get rid of them, but would also be happy with a consistent white border in all browsers and on mobile :).

Any ideas?

Hello ??

If it didn’t changed nothing, then there is probably some error. Please show a live link to the website, where custom CSS solution is applied.

With kind regards.
Air.

Yesssss it did work now. The focus rings on the menu-items have disappeared just as I wished after adding the custom css you referred to!

There is one orange focus ring left that appears on mobile around little hamburger in the top menu. Can a I add bit of code to that custom css that will make the focus ring around the hamburger menu icon disappear as well?

Hello ??

For sure you can. However, custom CSS code we only do for Rife Pro users with support. Sorry ??
https://rifetheme.com/help/docs/getting-started/support-forum/#theme-support-includes-rife-pro

With kind regards.
Air.