Добавление меню в раздел, которое генерирует нежелательные пробелы, как решить

Question

Я добавил полноэкранный модуль меню в divi элегантных темах, это должно работать нормально, но по какой-то причине оно всегда создает пустое пространство выше.Я мог бы просто добавить немного CSS, чтобы исправить проблему, но взгляды на divi посчитали разумным сделать дополнительный пробел встроенным стилем.Поскольку страница генерируется динамически, я не могу предотвратить добавление этого.

Я попытался добавить дополнительные CSS с помощью самого визуального компоновщика.Я также пошел в style.css в WordPress, чтобы добавить дополнительный код в div, но да, это не работает.Что касается использования функции проверки в браузере и непосредственного редактирования стиля, то он работает, но, как я сказал выше после создания страницы, я, конечно, могу отредактировать встроенный стиль.Но как мне сделать так, чтобы это не генерировалось с самого начала.

<div class="et_dropdown_animation_fade et_pb_bg_layout_light et_pb_fullwidth_menu et_pb_fullwidth_menu_0 et_pb_module et_pb_text_align_left"
data-fix-page-container="on" style="margin-top:48px; padding-top:0px;">

Итак, я пытаюсь сделать вывод, что поле становится равным 0, минуя встроенный стиль или метод встроенного стиля избэкэнд в WordPress.Поскольку добавление стилей в файл css не работает.

В настоящее время вы вернетесь к этому завтра, может быть, лучше удалить этот пост и перепостить его?

Answer 1

Это генерируется Divi's JS. Было бы лучше, если бы вы могли поделиться общедоступным URL-адресом, но если вы ищете быстрый патч, вы можете jquery получить «верхнее» значение после загрузки модуля, а затем противодействовать ему с отрицательным значением margin-top того же значение.

Добавьте это на вкладку интеграции параметров темы Divi (или в файл .js, а затем вызовите его из файла functions.php вашей дочерней темы, без тегов, конечно):

</script>
jQuery(document).ready(function($){
    if (!$("body").is(".et-fb")) {
    var fullMenuTop = parseInt($('.et_pb_fullwidth_menu').css('top'), 10);
        $('.et_pb_fullwidth_menu').css("margin-top", - fullMenuTop);
        }

});
</script>