use cursor pointer for mobile

If you are creating a menu, using hover and show the child menus, usually looks like this:

  • menu name

    • child menu
    • child menu
  • and css:

    
    li ul.child {
      display:none;
    }
    
    li:hover ul.child {
      display:block
    }
    
    

    ok this works fine, nothing wrong here, there is only one problem is that when you use mobile, and you click it will not show the menu, to fix this, do a cursor pointer inside parent li

    
    li {
      cursor:pointer;
    }