Mobile menue: Link Click Color - Support | Kriesi.at

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
March 5, 2021 at 5:12 pm #1285846

stimmungshoch
Participant

Hello, where can I change the following color:
Menu mobile when clicking on a menu item there is a hue (briefly) this is cyan for example at kriesi.at.
I have not been able to find this in the basic settings.

Thank you and greetings Stefan

March 7, 2021 at 6:26 am #1286140
Rikard
Keymaster
Hey stefan,

Please try the following in Quick CSS under Enfold->General Styling:
```
#av-burger-menu-ul li::selection {
    background-color: red;
}
```
Best regards,
Rikard
March 7, 2021 at 11:36 am #1286170

stimmungshoch
Participant

Hi Rikard, thank for the code. But nothing change :-(
Thanks Stefan

March 9, 2021 at 3:10 am #1286605

Jordan Shannon
Inactive Moderator

Hi,

Did you add it to the very top of quick css so it runs first? Also, clear the cache a few times over.

Best regards,
Jordan Shannon

March 9, 2021 at 6:42 pm #1286838

stimmungshoch
Participant

Hi Jordan, i use only this code in the field.
Best regards Stefan

March 9, 2021 at 6:52 pm #1286847

Yigit
Keymaster

Hey,

Could you please post a screenshot and show the changes you would like to make so we can make sure that we are on the same page?
You can upload your screenshots on imgur.com and post the links here :)

Cheers!
Yigit

March 9, 2021 at 7:00 pm #1286854

stimmungshoch
Participant

Hi, I upload an post the links here

Setting
https://cloud.cutandpaste.de/index.php/s/eBDFtjK8LA9bWZN

Output: If you click in the mobile menue. the click color still light cyan
https://cloud.cutandpaste.de/index.php/s/xykapN7XS8KSRRS

THANKS

March 13, 2021 at 12:09 pm #1287934

Rikard
Keymaster

Hi,

Thanks for the update, and sorry for the late reply. I haven’t been able to locate where that background is coming from unfortunately, but I’ve asked the rest of the team to have a look as well. Please reply to this thread once you have read it, so that it gets added back to our support queue.

Best regards,
Rikard

March 13, 2021 at 7:06 pm #1288046
Mike
Moderator
Hi,
Sorry for the late reply and thanks for the link to your site, I believe this is related to the browser Accessibility Focus, #5B9DD9, you may also note the burger menu also does this, similar to the Focus Outline
In my tests this css seems to work:
```
.html_av-overlay-full #av-burger-menu-ul li a:active,
.html_av-overlay-full #av-burger-menu-ul li a:focus {
	background-color: yellow !important;
}
```
In my tests using :active & :focus together seems to help, but we are trying to overwrite the browser and not the page css, which is tricky because I believe the browser uses javascript to inject the css rules.
While the color is yellow, I believe my screen is showing a slight yellow-green, so I think the accessibility color #5B9DD9 is not completely overwritten.
What color are you trying to change this too? Are you going to try to change all of the browser accessibility colors, such as the burger menu, input fields, etc?

Best regards,
Mike
March 14, 2021 at 12:29 pm #1288093

stimmungshoch
Participant

Hi Mike, thanks for your efforts.

This really seems to be very problematic.
Your code worked fine on an iphone. On the Android it is now 2 colors when clicking.

It is not a big deal. I will leave it like this then. No stress. :-) Feel free to close the case.

Thank you you are a great team!
Many greetings Stefan

March 14, 2021 at 7:15 pm #1288114

Mike
Moderator

Hi,
Ok, thank you for your patience and for using Enfold, have a great day.

Best regards,
Mike
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Mobile menue: Link Click Color’ is closed to new replies.