Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 9, 2016 at 11:53 pm #629535
    Doron

    hello
    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 8 years, 6 months ago by Doron.
    May 10, 2016 at 6:07 am #629615
    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?

    May 11, 2016 at 5:24 am #630396
    Rikard

    Hi,

    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,
    Rikard

    May 11, 2016 at 8:49 pm #630951
    Doron

    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 :)

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