Невозможно добавить подчеркивание под навигационной панелью ⇐ CSS

[Anonymous]

Я использую WordPress с плагином Max Mega Menu. Я хочу достичь простого подчеркнутого влияния на воздушную силу на элементы меню верхнего уровня-аналогично этому визуальному примеру: < /p>
li.mega-menu-item > a.mega-menu-link {
position: relative;
color: #fff !important;
text-decoration: none !important;
}

li.mega-menu-item > a.mega-menu-link::after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 2px;
background-color: rgb(233, 30, 99);
transition: width 0.3s ease;
}
li.mega-menu-item:hover > a.mega-menu-link::after {
width: 100%;
}

li.mega-menu-item:hover > a.mega-menu-link {
background: transparent !important;
color: #fff !important;
}
< /code>
Несмотря на это, подчеркивание вообще не появляется при паряке над ссылками на меню.
Что я проверил: < /p>

[*] Я использую пользовательскую тему со стилем. В плагине Mega Menu.
[*] Использование инспектора я вижу :: после псевдоэлемента применяется-но он имеет нулевую ширину.
Текст меню остается белым на зависании, как и ожидалось, но подчерк.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... gation-bar