I have given a task of making a dropdown menu work for both keyboard/non-mouse user and mobile user.
1st, when user use the keyboard tab key, when they focus on one of the main level item, the submenu should drop.
2nd, when mobile user press the first level item, the submenu should drop.
I tried adding :focus to wherever there is :hover but it did not work. The dropdown did not appear.
I am using the free dropdown css provided by LWIS.
Anyone have an idea?