Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 5, 2021 at 5:12 pm #1285846
    stimmungshoch

    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

    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

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

    March 9, 2021 at 3:10 am #1286605
    Jordan Shannon

    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

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

    March 9, 2021 at 6:52 pm #1286847
    Yigit

    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

    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

    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

    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

    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

    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.