Как добавить вертикальное смещение при прокрутке в Элементоре

Иногда внутристраничная прокрутка к элементу может отставать или, наоборот, прокручивать лишнего, так что нужный элемент оказывается за верхним краем экрана.

На JS это решается очень просто, но когда задействована механика Элементора, могут возникнуть вопросы. Самый простой способ решения просто установить якорь повыше или пониже. Но если проблема носит глобальный характер и проявляется на многих страницах, лучше подкрутить отступ в коде. Тем более там всего несколько строчек кода.

Открываем файл с JS-скриптами темы и добавить туда такой код:

window.addEventListener('elementor/frontend/init', function () {
  elementorFrontend.hooks.addFilter('frontend/handlers/menu_anchor/scroll_top_distance', function (
    scrollTop) {
    return scrollTop - 120;
  });
});

Пример выше сместит якорь на 120 px вверх для всех внутренних ссылок, где будет вызван данный код.