У меня есть это мегаменю, некоторые ссылки имеют довольно длинные имена, когда окно становится меньше, более длинные ссылки перекрывают текст в других столбцах. Я добавил следующие правила в класс ul,
.sub-menu-lists {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Я пытался добавить эти правила в класс li .hover_drop_down, а также .hover_drop_down a, но ни одно из них не помогло.
Перекрытие исчезло, но связь просто обрезана. Я не могу заставить многоточие появиться. Я хочу, чтобы они шли до конца столбца.
Вот мой кодовый блок, переход в меню программного обеспечения показывает проблему. Любые предложения о том, как выполнить sh это ??
https://codepen.io/iamgonge/full/egqPQR