Wie sorge ich mithilfe von CSS oder JavaScript dafür, dass ein mehrstufiges Dropdown-Menü auf einem Touchscreen-Gerät fu ⇐ HTML

[Anonymous]

Wie sorge ich mithilfe von CSS oder JavaScript dafür, dass ein mehrstufiges Dropdown-Menü auf einem Touchscreen-Gerät funktioniert? Denn als ich meine Website auf einem Touchscreen-Gerät getestet habe, habe ich auf das Dropdown-Menü geklickt (was gut funktioniert hat), aber als ich versucht habe, das Dropdown-Menü zu entfernen, gelang mir das nicht (es sei denn, ich habe die Seite neu geladen). Ich möchte, dass es auf dem Desktop und nicht auf Touchscreens schwebt. Ist das überhaupt möglich? Hier ist mein HTML- und CSS-Text:

Code: Select all

[*]   normalize.min.css">

@media (max-width: 640px) {
.main-navigation{
position: absolute;
top: 166px;
left: 173px;
}
ul {
list-style: none;
padding: 0;
margin: 0;
background: #6e151e;
border-radius: 5px;
}
ul li {
display: block;
position: relative;
float: left;
background: #6e151e;
border-radius: 5px;
width: 130px;
}
li ul {
display: none;
position: absolute;
top: 37px;
left: 0px; }
ul li a {
display: block;
padding: 1em;
text-decoration: none;
white-space: nowrap;
color: #fff;
font-family: Helvetica;
font-size: 11px;
padding-top: 12px;
padding-bottom: 12px;
font-weight: 70000px;
border-radius: 5px;
text-align: center;
border-right: none;
}
ul li a:hover {
background: #054075;
transition: .4s ease;
}
li:hover > ul {
display: block;
position: absolute;
transition: .4s ease;
}
li:hover li {
float: none;
transition: .4s ease; }
li:hover a {
background: #6e151e;
transition: .4s ease;
}
li:hover li a:hover {
background: #054075;
transition: .4s ease;
}
@media (max-width: 640px) {
ul ul ul {
border-left: 1px solid #fff;
left: 130px;
top: 0px;
}
}



[list]
[url=#]Menu[/url]

[url=#]Section 1[/url]

[url=#]Subsection 1[/url]
[*][url=#]Subsection 2[/url]
[*][url=#]Subsection 3[/url]
[*][url=#]Subsection 4[/url]
[/list]

[*][url=#]Section 1[/url]
[list]
[url=#]Subsection 1[/url]

[*][url=#]Subsection 2[/url]
[*][url=#]Subsection 3[/url]
[*][url=#]Subsection 4[/url]
[/list]

[*][url=#]Section 3[/url]
[list]
[url=#]Subsection 1[/url]

[*][url=#]Subsection 2[/url]
[*][url=#]Subsection 3[/url]
[*][url=#]Subsection 4[/url]

[/list]