Question

我在header.php（Wordpress网站）中添加了一个弹出订阅表单。弹出窗口有效，但是我需要添加代码，让它在页面上显示得更低，因为关闭按钮会隐藏在菜单下面。

以下是代码：

<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-manage.com","uuid":"2e3c50bfec9302388698ebcfa","lid":"b49da90d92"}) })</script>

任何人都可以提供代码段吗？

Answer 1

为什么不尝试增加z-index值，以便导航不会覆盖弹出窗口？通过操纵边距来推动它也相当容易。

CSS

<style>
    .mc-modal-bg {
        z-index: 10000001 !important;
    }
    .mc-modal {
        margin-top: 80px !important;
        z-index: 10000002 !important;
    }
</style>

如何从Mailchimp增加JavaScript弹出窗口的上边距

1 个答案: