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-インデックス値を増やしてみませんか？また、マージンを操作することでそれを押し下げるのもかなり簡単です。

CSS

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