如何增加從Mailchimp彈出的JavaScript的頂部邊距

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>