在Divi中添加菜单，该菜单会产生不必要的空白

Question

我添加了Divi优雅主题中的全宽菜单模块。这应该可以正常工作，但是由于某种原因，它总是在上方生成空白。

我可以添加一些CSS来解决问题，但是Divi的人们发现使额外的空白空间成为内联风格很聪明。由于该页面是动态生成的，因此我无法阻止添加它。

我尝试使用视觉构建器本身添加其他CSS。我也去了wordpress中的style.css，将附加代码添加到DIV中，但这不起作用。

至于在浏览器中使用Inspect函数并直接编辑其有效的样式，但是就像我在生成页面后上面所说的那样，我当然可以编辑内联样式，但是我如何制作它，以免生成它首先。

<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的JS生成的。如果您可以共享一个公共网址，会更好，但是如果您正在寻找快速补丁，则可以在加载模块后获得"顶部"值值。

将其添加到您的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>

Answer 2

以下对我有用。

Divi的完整宽度菜单模块具有名为 et_pb_row 的内联类。将其高度设置为0px，并将填充物也减少到0px。如果问题仍然存在，则您可能在行中有流浪列。查找类 et_pb_column 的类。欢呼！