Как изменить поведение ссылки меню на мобильных разрешениях браузера

Добрый день. Я столкнулся, причем дважды за 1 день с такой проблемой: как изменить поведение ссылки меню на мобильных разрешениях браузера.

На сайте есть меню WordPress. На десктопных разрешениях при наведении мышью на пункт меню показывается подменю второго уровня. А на мобильных наведение – равнозначно нажатию, поскольку на сенсорных экранах мыши нет, а есть только палец.

 

Самый простой пример: у нас имеется список городов-ссылок на подразделы сайта. Висит ссылка на Москву, при наведении ниже выводится подпункт Санкт-Петербург.

Поэтому на мобильных при нажатии на Москву ниже этой ссылки выводится Санкт-Петербург, и при этом одновременно в браузере сразу идет переход на страницу Москвы. Нам такое поведение нежелательно. Нам нужно первый раз при нажатии пальцем по ссылке открыть подменю второго уровня, а уже на второе нажатие по ссылке сделать переход по ней.

 

 

Написать комментарий