Lightning Pro1カラム時(ランディングページ)のモバイルメニューを表示しない
-
投稿者投稿
-
2019年11月12日 3:52 PM #24955
TAKE参加者お世話になります。
フロントぺージにメニューのない1ページのランディングページを作成しました。下層ページもメニューも無いのですが、下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。
表示しない方法を教えて下さい。
よろしくお願いいたします。2019年11月12日 9:57 PM #24986
DRILL LANCERモデレーター下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。
「下段モバイルメニュー」はおそらく、「Lightning モバイル固定ナビ」を指していると思われるので、
外観 > カスタマイズ > Lightning モバイル固定ナビ
と進み、「モバイル固定ナビを表示しない」のチェックボックスをONにすると非表示にできます。「左上にメニュー(3本線)」については、下記CSSコードを
- 外観 > カスタマイズ > 追加CSS
- 子テーマの style.css
- ExUnit > CSSカスタマイズ
のいずれかに記述すると非表示にできます。
.vk-mobile-nav-menu-btn{ display:none; }
-
この返信は1年、 2ヶ月前に
DRILL LANCERが編集しました。
2019年11月13日 1:11 AM #24996
TAKE参加者RICK様
ご回答ありがとうございます。
下段モバイルメニュー及び左上にメニュー(3本線)は、非表示になりました。
解決しました、ありがとうございます!2019年11月23日 12:46 PM #25899
TAKE参加者再度質問させていただきまます。
その後、下記の下記CSSコードを追加しましたが、下段モバイルメニュー又は左上にメニュー(3本線)がスマホで閲覧したときに表示されてしまいます。iphoneでサイトを開いたら、左上にメニュー(3本線)が表示されてました。私のやり方に問題があるのでしょうか??
.vk-mobile-nav-menu-btn{
display:none;
}非表示のやり方をご教示をお願いいたします。
2019年11月23日 2:02 PM #25901
DRILL LANCERモデレーターLPを使用しているということなので、補強する意味で下記コードではいかがでしょうか?
下段モバイルメニューは再度設定し直してみてください。.page-template-page-lp .vk-mobile-nav-menu-btn{ display:none; }
あとは、スマホのブラウザキャッシュを削除すればうまくいくと思います。
-
この返信は1年、 2ヶ月前に
DRILL LANCERが編集しました。
2019年11月23日 8:23 PM #25933
TAKE参加者RICK様
ご教示いただきありがとうございました。
下記を貼り付け、スマホのブラウザキャッシュを削除しましたがダメでした。.vk-mobile-nav-menu-btn{
display:none;
}
.page-template-page-lp .vk-mobile-nav-menu-btn{
display:none;
}2019年11月23日 8:42 PM #25934
DRILL LANCERモデレーター私の環境だと普通に消えます。下記を試してみてください。
- キャッシュプラグインを使用している場合そのキャッシュを削除してみる
- Cloudflare 等の CDN を使用している場合はそのキャッシュを削除してみる
- キャッシュがしつこく残っている可能性があるので、別のブラウザをインストールして閲覧してみる
下記コードの場合は全ページが対象で
.vk-mobile-nav-menu-btn{ display:none; }
下記コードの場合は LP テンプレートで作成された全ページが対象です。
.page-template-page-lp .vk-mobile-nav-menu-btn{
display:none;
}2019年11月23日 9:08 PM #25937
TAKE参加者RICK様
下記を試してみましたが、ダメでした。
キャッシュプラグインを使用している場合そのキャッシュを削除してみる
Cloudflare 等の CDN を使用している場合はそのキャッシュを削除してみる
キャッシュがしつこく残っている可能性があるので、別のブラウザをインストールして閲覧してみる折角、アドバイスいただきましたのに申し訳ないです。
2019年11月24日 1:28 AM #25942
DRILL LANCERモデレーター下記コードのみを入力した場合はどうですか?
.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; }
後はどのスキンが有効かがわからないと対処のしようがありません。
2019年11月24日 2:32 AM #25945
TAKE参加者RICK様
度々、申し訳ありません。
下記を試してみましたら、非表示になりました。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;
}ありがとうございました。
-
投稿者投稿
- このトピックに返信するにはログインが必要です。