Задать вопрос
@andryu6ka
html

Есть CSS меню. Выпадает при наведении. Как из него сделать совместимое меню с планшетниками?

Вот здесь код меню - codepen.io/anon/pen/WQGaNp
Как сделать, чтобы:
1)На планшете/телефоне :при первом нажатии выпадало меню. При втором клике - сворачивалось.
2)На компе: при наведении выпадало, а при клике - срабатывала бы ссылка?
  • Вопрос задан
  • 237 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
batareika
@batareika
Когда-то набросал принцип работы такого меню.
Через modernizr отлавливаем устройства с тачскрином и через js добавляем/убираем класс с теми же стилями, что и у :hover
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Senior Frontend-разработчик в команду управления доступами
SMALL
от 3 000 до 4 700 $
Ещё вакансии