質問:

Diviでスマホ画面の下に固定で表示されるメニューを設置したのですが、スクロール時にグローバルフッターが被ってしまいます。どうしたら修正できますか?

Diviでスマホ表示の時に画面下部に固定されて表示するメニュー(電話をかけるボタン)を設置してみました。

ですが、スクロールしてページを見ているときにグローバルフッターを通る時にだけ、コンテンツが固定メニューの上に被ってしまいます。(画像参照)

これは何か設定を変えることで解消できるのでしょうか?

回答:

表示を被らせたくない場合は、z-indexを変更します。

今回の場合は、ページ下部に固定表示するメニューの

セクション>詳細>位置>zインデックス

を9999など大きい数字に設定すると他の要素がメニューの上に表示されるようなことは無くなります。

TOFUラボに入れば更に多くの質問と回答のログが見れます!

関連した質問

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Elementorの無料テンプレートサイト
新規追加されました。

WordPressの最新情報が
毎週届く無料メールマガジン

DiviやElementorの情報だけでなく、脆弱性が見つかったプラグインやテーマのリストも毎週届きます。セキュリティの強化につながります。 

管理人のナオミが書くメルマガ
海外でエンジニア歴10年以上
DiviとElementorに精通