Как добавить в меню подменю при наведении?
Ссылка скопирована
Не получается корректно добавить выпадающий список при наведении на "Услуги".
Для десктопной версии получилось, а вот для мобильной не получается, при нажатии меню просто закрывается. В чем проблема?
Спасибо.
Код: codepen
Меню в десктопе:
Мобилка:
Дополнительно:
Ни одного медиазапроса
Нету выпадающего меню
Что вы хотите добиться?
Нужно решить такую задачу?
Заказать помощь
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Лучший ответ
1
Другие ответы (0)
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопроскомментарий
Вам также может быть интересно
печатные-платы
Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro?
0 ответов
VPN
Как правильно настроить vless для Android TV?
0 ответов
Pyrogram
Как правильно зарегистрировать юзер бота в Telegram?
0 ответов
linkedin
Из-за чего выкидывает из аккаунта LinkedIn?
0 ответов



Для добавления подменю в меню при наведении можно использовать CSS и JavaScript. Вот пример кода, который покажет, как это можно реализовать:
1. HTML:
```html
```
2. CSS:
```css
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline-block;
position: relative;
}
nav ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
}
nav ul li:hover ul {
display: block;
}
nav ul li ul li {
display: block;
}
```
3. JavaScript (необязательно):
```html
document.querySelectorAll('.submenu').forEach(item => {
item.addEventListener('mouseover', () => {
item.querySelector('ul').style.display = 'block';
});
item.addEventListener('mouseleave', () => {
item.querySelector('ul').style.display = 'none';
});
});
```
Этот код создаст меню с пунктом "Услуги", при наведении на него появится подменю с дополнительными ссылками. CSS устанавливает стили для меню и подменю, а JavaScript добавляет функционал показа подменю при наведении курсора.
Надеюсь, это поможет вам добавить подменю в ваше меню при наведении на пункт. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать.