Я хочу создать меню с выпадающим списком, используя Semantic UI.
Отлично работает на десктопе, потому что кажется, что это связано с зависанием.
Однако на мобильном телефоне, если нет зависания, я не могу заставить его выпадать.
Как заставить его работать на основе нажатия, а не просто зависания?
<!DOCTYPE html>
<html>
<head>
<title>Puzzles</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=yes">
<link rel="stylesheet" type="text/css" href="CSS.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
</head>
<body>
<div class="ui menu">
<div class="header item"><a href="https://www.myPuzzleSite.com">Puzzles</a></div>
<div class="right menu">
<div class="ui simple dropdown item">
<div class="text">Unsolved Puzzles</div>
<i class="dropdown icon"></i>
<div class="menu">
<div class="item"><a href="https://www.google.com">Puzzle 1</a></div>
<div class="item"><a href="https://www.google.com">Puzzle 2</a></div>
<div class="item"><a href="https://www.google.com">Puzzle 3</a></div>
</div>
</div>
</div>
</div>
</body>
</html>