Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #629535

    my client needs full navigation capability in the top menu (only on desktop screen)
    for example he showed me this website (link in the private content)
    if you press the tab key ..and than keep pressing it few more times:
    1. you can see right away where the keyboard focus is while navagting the main menu with your keyboard
    2. you can also navigate sub menus (level 2 of the menu) and not just the main menu
    can this be done in enfold too?

    • This topic was modified 7 years, 7 months ago by Doron.

    I can see now they are using a menu plugin, i guess i can simply use the same one
    but what is, or is there any css code to make other links in a enfold website get that blue outline when keyboard focus is on them?



    That is default browser behaviour, but you should be able to target the focus state with something like this:

    #avia-menu li a:focus {
    border:1px solid red !important;

    Best regards,


    I know it should be the default browser behavior but for some reason it isn’t
    anyway your code did the trick
    .. i wanted it to apply all the links in the website so I changed it to

    a:focus {
    border:1px solid red !important;

    and it works!
    thank you very much :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘keyboard navigation for top enfold menu’ is closed to new replies.