Как исправить выпадающее меню, которое смещено и перекрывается в Elementor ElementsKit? ⇐ CSS

[Anonymous]

Я работаю над веб-сайтом WordPress с использованием Elementor и плагина ElementsKit.

Я пытаюсь исправить раскрывающееся меню, которое выглядит смещенным и перекрывается с другими элементами навигации.

Я добавил собственный CSS, чтобы настроить ширину и выравнивание, но проблема все еще сохраняется.

Фон раскрывающегося списка также не соответствует ширине элемента навигации должным образом.

Я пробовал корректировка свойств padding, margin и width, но ни одно из них не решило проблему. Буду признателен за рекомендации о том, как правильно выровнять раскрывающееся меню и устранить проблему с шириной фона.

Код: Выделить всё

/*My CSS:*/

.navbar {
position: fixed;
top: 0;
width: 100%;
}
ul#menu-header-menu {
position: absolute;
z-index: 9999;
top:  auto;
}
/* misaligned/cut off submenu */

Код: Выделить всё

[list][*][url=https://www.afghanictsolution.com/]Home[/url]
[*][url=https://www.afghanictsolution.com/promotions/]Promotions[/url]
[*][url=https://www.afghanictsolution.com/about-us-3/]About Us[/url]
[*][url=https://www.afghanictsolution.com/our-services/]Our Services [i][/i][/url]

[url=https://www.afghanictsolution.com/cybersecurity-solutions/]Cybersecurity Solutions [/url][/list]

[*][url=https://www.afghanictsolution.com/our-partners/]Our Partners [/url]
[*][url=https://www.afghanictsolution.com/contact-us-2/]Contact Us[/url]
X
        

Подробнее здесь: https://stackoverflow.com/questions/798 ... ementor-el