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

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

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

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

最初にしたこと

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

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

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

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

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

Share this post:

ABOUT
この記事をかいた人
NEW POST
このライターの最新記事
COMMENTS
コメントを残す

Leave Your Comment

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

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

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

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

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

このサイトについて

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

© Copyright 2021 みこ旅 mikotabi.com.All Rights Reserved.