Как исправить выпадающее меню, которое смещено и перекрывается в 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:  a u t o ; < b r   / > } < b r   / > / *   m i s a l i g n e d / c u t   o f f   s u b m e n u   * / < / c o d e > < b r   / > < p r e   c l a s s = " s n i p p e t - c o d e - h t m l lang-html Prettyprint-override">








[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]
[url=https://www.afghanictsolution.com]
[img]http://www.afghanictsolution.com/wp-content/uploads/2023/03/AICTS-Logo.png[/img]
[/url]X

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