Vektor WordPress Solution
VWSとは › フォーラム › Lightning › Lightning Pro1カラム時(ランディングページ)のモバイルメニューを表示しない
お世話になります。 フロントぺージにメニューのない1ページのランディングページを作成しました。下層ページもメニューも無いのですが、下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。 表示しない方法を教えて下さい。 よろしくお願いいたします。
下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。
「下段モバイルメニュー」はおそらく、「Lightning モバイル固定ナビ」を指していると思われるので、 外観 > カスタマイズ > Lightning モバイル固定ナビ と進み、「モバイル固定ナビを表示しない」のチェックボックスをONにすると非表示にできます。
外観 > カスタマイズ > Lightning モバイル固定ナビ
「左上にメニュー(3本線)」については、下記CSSコードを
のいずれかに記述すると非表示にできます。
.vk-mobile-nav-menu-btn{ display:none; }
RICK様
ご回答ありがとうございます。 下段モバイルメニュー及び左上にメニュー(3本線)は、非表示になりました。 解決しました、ありがとうございます!
再度質問させていただきまます。
その後、下記の下記CSSコードを追加しましたが、下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。iphoneでサイトを開いたら、左上にメニュー(3本線)が表示されてました。私のやり方に問題があるのでしょうか??
非表示のやり方をご教示をお願いいたします。
LPを使用しているということなので、補強する意味で下記コードではいかがでしょうか? 下段モバイルメニューは再度設定し直してみてください。
.page-template-page-lp .vk-mobile-nav-menu-btn{ display:none; }
あとは、スマホのブラウザキャッシュを削除すればうまくいくと思います。
ご教示いただきありがとうございました。 下記を貼り付け、スマホのブラウザキャッシュを削除しましたがダメでした。
.vk-mobile-nav-menu-btn{ display:none; } .page-template-page-lp .vk-mobile-nav-menu-btn{ display:none; }
私の環境だと普通に消えます。下記を試してみてください。
下記コードの場合は全ページが対象で
下記コードの場合は LP テンプレートで作成された全ページが対象です。 .page-template-page-lp .vk-mobile-nav-menu-btn{ display:none; }
下記を試してみましたが、ダメでした。
キャッシュプラグインを使用している場合そのキャッシュを削除してみる Cloudflare 等の CDN を使用している場合はそのキャッシュを削除してみる キャッシュがしつこく残っている可能性があるので、別のブラウザをインストールして閲覧してみる
折角、アドバイスいただきましたのに申し訳ないです。
下記コードのみを入力した場合はどうですか?
.device-pc.page-template-page-lp .vk-mobile-nav-menu-btn, .device-pc.page-template-page-lp .mobile-fix-nav, .device-mobile.page-template-page-lp .vk-mobile-nav-menu-btn, .device-mobile.page-template-page-lp .mobile-fix-nav { display:none; }
後はどのスキンが有効かがわからないと対処のしようがありません。
度々、申し訳ありません。 下記を試してみましたら、非表示になりました。
device-pc.page-template-page-lp .vk-mobile-nav-menu-btn, .device-pc.page-template-page-lp .mobile-fix-nav, .device-mobile.page-template-page-lp .vk-mobile-nav-menu-btn, .device-mobile.page-template-page-lp .mobile-fix-nav { display:none; }
ありがとうございました。