Мегаменю не работает одинаково во всех браузерах и ломает отзывчивость

В хроме javaScript устанавливает ширину мегаменю на 100% доступного размера экрана. Но по какой-то причине это не работает в Firefox.

Поскольку у вас включены плагины кеша, отследить проблему в минифицированных js-файлах непросто. Но наверняка проблема именно в этом файле:

нейрон-ядро-киото/активы/скрипты/элементор_{что-то}.js

Вы должны сначала отключить кеш и минифицировать, а затем найти этот код внутри вышеуказанного файла:

$subMenu.css({width:width,left:offset})

Затем проследите, каково значение ширины и смещения, а также проверьте, работает ли этот фрагмент кода в FireFox или нет.

Обновление:

Я проверил ваш код. Он пытается рассчитать ширину страницы следующим образом:

var width=$elementorContainer.outerWidth()-columnPadding*2

Проблема создается columnPadding, который извлекается с помощью следующего кода:

columnPadding=parseInt($menu.parents('.elementor-column-wrap').css('padding'))

Проблема в том, что когда вы получаете css('padding') в Firefox, он возвращает "", а в Chrome возвращает "0px". Затем parseInt преобразует его в NaN в Firefox и 0 в Chrome. Таким образом, код CSS не применяется в FF.

Я изменил отступ, чтобы проверить, связана ли проблема с отступом 0, но его поведение не изменилось в Firefox. Дело в том, что css('padding-top') или padding-left, padding-right, padding-bottom нормально работают в Firefox.

Я проверил это и на других сайтах, и там происходило то же самое.

Я также нашел:

https://github.com/jquery/jquery/issues/3383

Вам нужно удалить position: relative; для следующих классов и вместо этого установить position:unset:

.elementor-element-f666f66,
.elementor-element-f666f66 .elementor-column-wrap,
.elementor-element-f666f66 .elementor-column-wrap .elementor-widget-wrap,
.elementor-element-f666f66 .elementor-column-wrap .elementor-widget-wrap .elementor-widget{
    position: unset !important;
 }
 .m-nav-menu--horizontal ul li.menu-item.menu-item-has-children > ul.sub-menu{
    top: 0 !important;
 }

Так что на самом деле firefox соблюдает правило положения относительно ширины контейнера.