###前提・実現したいこと
###発生している問題・エラーメッセージ
wordpressにてスマホ用にハンバーガーメニューを作成したのですが、スクロール時・メニューを表示した際に、contentの後ろに隠れてしまいます。
PCのChromeのディベロッパーツール・同期のAndroidはちゃんと表示されるのですが、私の使うiPhone7では上記の現象が起きてしまいます。
エラーメッセージ なし ###該当のソースコード 階層 html(PHP) part <header> <div class="header"> <ul> <li class="header-logo"></li> <!-- 会社のロゴ --> <li class="logo"></li> <!-- 会社名 --> <li class="h_menu"> <!-- ハンバーガーメニューボタン --> <div class="nav_menu"></div> <!-- ドロップダウンメニュー --> </li> </div> </header> <article>...</article> <footer>...</article> 上記のheaderはarticleより、z-indexを大きくしており、ulはheight10%程度の大きさで、position: fixedで追従する仕組みにしています。 css part .header {z-index: 1;} .header ul {z-index: 2; position: fixed; } article {z-index: 0;} ```CSS ###試したこと z-indexの問題でしかないと思ったので、iosのエラーとして調べてみると、 translate3d が出て来たので、試して見ましたが、うまくいきませんでした。 ###補足情報(言語/FW/ツール等のバージョンなど) 上記のtranslate3dを使った際に、追従も効かなくなる現象も起きました。ネットによると、absolute用のものかもしれませんので、もともと使うべきではなかったのでしょうか。 また、safari, chrome, opera全て正常に動作しませんでした。。。。