Q&A
サイトを拝見しましたが、問題が再現しませんでした。
ハンバーガーメニューに画像が被ってしまいました。
どうすればなりますでしょうか？
問題のＵＲＬ
リンク内容
この画像のようになってしまっています。
下記がハンバーガーメニューのソースです。
<!--Responsive--> <nav class="pure-drawer" data-position="right"> <div class="BtnareaSub"> <p class="Btn_red"><a href="tel:0120858240"><i class="fa fa-phone" aria-hidden="true"></i> 0120-858-240</a></p> </div> <p class="org_ttl">当店が選ばれる5つの理由</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/i-sem3/">はんこ屋選びの秘訣</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/point1/">その1 京印章制作士 手書き文字</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/point2/">その2 京職人 山崎公詮の仕上げ</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/point3/">その3 職人の顔が見えますか</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kyoinshouseisakushinintei/">その4 京印章 認定販売店</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/ansin2/">その5 業界唯一 安心の返品保証</a></li> </ul> <p class="org_ttl">安心のサポート</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/hosyou01/">5年印鑑保証</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/review/">レビューで3年延長保証</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/all_qa23/">旧字体・異字体一覧表</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/stamp_draft/">印影確認サービス</a></li> </ul> <p class="ppl_ttl">個人用印鑑</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/category/kozin/">▶印鑑 (個人) 一覧</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojinjitsuin/"> ・実印</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojinginkouin/"> ・銀行印</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojinmitomein/"> ・認印（認め印）</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin2setform77/"> ・実印・銀行印 2本セット</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin2set_ginkou_mitome/"> ・銀行印・認印 2本セット</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin3setform77/"> ・実印・銀行印・認印 3本セット</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/tokkyuusiage/"> ・大特急仕上げ</a></li> </ul> <p class="ppl_ttl">印材で探す個人印鑑 (単品/２本/３本)</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/category/kojin_inzai/">▶印材別一覧 (印材選びでお困りの方)</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_tuge/"> ・薩摩本柘</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_saika/"> ・彩樺 (さいか)</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_aguni/"> ・火神 (あぐに)</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_kuro/"> ・芯持ち黒水牛</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_oragara/"> ・芯持ちオランダ水牛【柄入】</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_orasiro/"> ・芯持ちオランダ水牛【白】</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_titan/"> ・シルバーチタン</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_goldtitan/"> ・ゴールドチタン</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_m-silvertitan/"> ・鏡面シルバーチタン</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_m-blacktitan/"> ・鏡面ブラックチタン</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_m-goldtitan/"> ・鏡面ゴールドチタン</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_yakusugi/"> ・屋久杉 (やくすぎ)</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_21maru/"> ・【社長の印鑑】21.0ミリ印鑑</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_yugahu/"> ・【当店限定】沖縄 印鑑 世果報 ( ゆがふ )</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_syutikuin/"> ・竹根の朱竹印</a></li> </ul> <p class="ppl_ttl">個人用印鑑 お試し特価 認印</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/category/kojin_list/otamesi_list/">▶お試し特価 認印一覧</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/reorder_etc_125/"> ・薩摩本柘印鑑</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/goldkuro_mitome/"> ・金印面 芯持ち黒水牛＋ケース</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_ko1_giftset/"> ・12ミリギフトセット＋桐箱・ケース</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_titan/"> ・シルバーチタン印鑑</a></li> </ul> <p class="ppl_ttl">シャチハタネーム印タイプ 浸透印</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_stamp_name/">朱肉不要の浸透ネーム印</a></li> </ul> <p class="ppl_ttl">イラスト入り印鑑</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/category/illust/">イラスト入り印鑑一覧</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_illust_stamp_ind/">イラスト入り 浸透印</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_illust_tuge_ind/">イラスト入り 本柘印鑑</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_illust_kuro_ind/">イラスト入り 黒水牛印鑑</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin-illust/#type-01">福丸はんこ</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin-illust/#type-02">猫はんこ</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin-illust/#type-03">ハロウィン印</a></li> </ul> <p class="ppl_ttl">個人印 オプション</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/stamp_draft/">印影確認サービス</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/case_change/">印鑑ケース変更オプション</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_set-case/">ギフトオプション</a></li> </ul> <p class="ppl_ttl">個人印 サプライ品</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/category/kozin_supply/">印鑑ケース</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/category/syuniku/">朱肉・インク</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_set-case/">別売 高級化粧箱</a></li> </ul> <p class="ppl_ttl">イベント</p> <ul class="m_navi"> <li><a href="<?php bloginfo( 'url' ); ?>/seijin2018/">1月 新成人/新社会人のお祝いに</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/cat222/">2月22日猫の日特集</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/fathers/">6月 父の日特集</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_ko2_june_bride/">6月 ジューンブライト応援企画</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/keirou2016/">9月 敬老の日特集</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kigansai_top/">9月 印章祈願祭</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_illust_hall_t/">10月 ハロウィン 本柘印鑑</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_illust_hall_k/">10月 ハロウィン 黒水牛印鑑</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kojin_illust_hall9/">10月 ハロウィン 浸透印</a></li> <li><a href="<?php bloginfo( 'url' ); ?>/kozin_goodpairform/">11月 良い夫婦印鑑セット</a></li> </ul> </nav> <!--/Responsive-->
回答1件
0
自己解決
[data-effect='pure-effect-push'] .pure-drawer[data-position='right'] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
のソースの箇所に
z-index: 300; を入れたら解決しました。
投稿2021/09/17 06:06
総合スコア215
あなたの回答
tips
プレビュー
