在菜单中添加菜单会生成不需要的空格如何解决

我在divi优雅主题中添加了全角菜单模块, 这应该可以正常工作, 但是由于某种原因, 它总是在上面产生空白。我可以添加一些CSS来解决此问题, 但divi的窥视功能发现将多余的空白变为内联样式很明智。由于页面是动态生成的, 因此无法阻止添加该页面。

我试图用视觉生成器本身添加其他CSS。我还去了wordpress中的style.css, 将其他代码添加到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;">

所以我要完成的事情是, 绕过行内样式或从wordpress后端到行内样式的方法, 页边距变为0。由于将样式添加到css文件不起作用。

目前是否可以返回此明天, 最好删除并重新发布该帖子？

#1

这是由Divi的JS生成的。如果你可以共享一个公共URL会更好, 但是如果你正在寻找一个快速补丁, 则可以在模块加载后通过jquery来获取” top”值, 然后用负的margin-top抵消它。值。

将其添加到Divi Theme Options集成选项卡(或在.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>