Проблемы с раскрывающимся меню на мобильном телефоне ⇐ CSS

[Anonymous]

Возникла проблема с тем, что пункты меню (которые имеют подэлементы) отображаются правильно в размере мобильного устройства. Кажется, на рабочем столе все работает нормально, и элементы подменю появляются при наведении курсора на основной элемент навигации. Однако на мобильных устройствах невозможно развернуть элементы меню навигации, у которых есть подпункты.
Я пытаюсь понять, где я ошибся с этим. Заранее благодарим за любую помощь или предложения.

Код: Выделить всё

  

[list]
[*]
[url=index.html]Home 
[/url]


[*]
[url=about.html]About 
[/url]


[url=about.html]About Us[/url]

[*]
[url=visit-pilar.html]Visit Pilar[/url]

[/list]

[*]
[url=pepito.html]Meet Pepito 
[/url]


[*]
[url=learning.html]Learning 
[/url]
[list]

[url=spanish-for-children.html]Spanish for Children[/url]

[*]
[url=spanish-for-students.html]Spanish for Students[/url]

[*]
[url=spanish-for-adults.html]Spanish for Adults[/url]

[/list]


[*]
[url=companies.html]Companies 
[/url]

[*]
[url=prices.html]Prices 
[/url]


[*]
[url=projects.html]Projects 
[/url]
[list]

[url=project-spanish-study-buddies.html]Spanish Study buddies[/url]

[*]
[url=project-kimbo.html]Project Kimbo[/url]

[*]
[url=project-wcj-girls-football.html]WCJ Girls Football[/url]

[/list]


[*]
[url=contact.html]Contact 
[/url]

Подробнее здесь: https://stackoverflow.com/questions/785 ... n-a-mobile