ElementorでPopupした時ヘッダーより下になるのを解消するCSS z-index

ElementorでPopupした時ヘッダーより下になるのを解消するCSS z-index | みこ旅
Share on pinterest
Pinterest
Share on facebook
Facebook
Share on twitter
Twitter

エレメンターでページ作成時、ポップアップがヘッダーに被ってしまう!

ポップアップを一番手前に配置したいけど、ヘッダーが邪魔してできない。

最初にしたこと

ポップアップのカラムにz-indexを設定したけどまだ前にいかない。

下のやり方で解決しました

まずヘッダーのセクションに z-indexを1000に設定

次にテーマのカスタムcssに下記コードを追加する
.wph-modal.inc_opt_slidein {
    z-index: 999999;
}

まだエレメンターを使ったことがないですか?
今までにないハイクオリティのデザインがさくっと簡単に作れる!
ページビルダーをいますぐ試してみませんか?

Share this post:

Share on facebook
Share on twitter
Share on pinterest
Share on linkedin
Share on email
ABOUT
この記事をかいた人
NEW POST
このライターの最新記事
COMMENTS
コメントを残す

Leave Your Comment

Most Popular
人気の記事
Categories
カテゴリー
このサイトについて

Uber Eatsの撮影をはじめ、動画など様々な撮影を行なっております。また旅記録、ワードプレスのカスタマイズ、カメラのレビューもご紹介しています。 愛用カメラ:Sony a7iii Zeiss、Sigma、GMレンズ

私の作品、アドビストックで販売しています
あなたもAdobe Stockで写真を販売して副業しませんか?

撮った写真を得ることができます♪
会員登録してアップロードしてあとは待つだけ!

めちゃくちゃ簡単なので是非!