Lightning Pro1カラム時（ランディングページ）のモバイルメニューを表示しない
Lightning Pro1カラム時（ランディングページ）のモバイルメニューを表示しない
- このトピックには9件の返信、2人の参加者があり、最後に
により5年、 7ヶ月前に更新されました。
-
投稿
-
お世話になります。
フロントぺージにメニューのない1ページのランディングページを作成しました。下層ページもメニューも無いのですが、下段モバイルメニュー又は左上にメニュー（３本線）がスマホで閲覧したときに表示されてしまいます。
表示しない方法を教えて下さい。
よろしくお願いいたします。下段モバイルメニュー又は左上にメニュー（３本線）がスマホで閲覧したときに表示されてしまいます。
「下段モバイルメニュー」はおそらく、「Lightning モバイル固定ナビ」を指していると思われるので、
外観 ＞ カスタマイズ ＞ Lightning モバイル固定ナビ
と進み、「モバイル固定ナビを表示しない」のチェックボックスをONにすると非表示にできます。「左上にメニュー（３本線）」については、下記CSSコードを
- 外観 ＞ カスタマイズ ＞ 追加CSS
- 子テーマの style.css
- ExUnit ＞ CSSカスタマイズ
のいずれかに記述すると非表示にできます。
.vk-mobile-nav-menu-btn{ display:none; }再度質問させていただきまます。
その後、下記の下記CSSコードを追加しましたが、下段モバイルメニュー又は左上にメニュー（３本線）がスマホで閲覧したときに表示されてしまいます。iphoneでサイトを開いたら、左上にメニュー（３本線）が表示されてました。私のやり方に問題があるのでしょうか？？
.vk-mobile-nav-menu-btn{
display:none;
}非表示のやり方をご教示をお願いいたします。
LPを使用しているということなので、補強する意味で下記コードではいかがでしょうか？
下段モバイルメニューは再度設定し直してみてください。.page-template-page-lp .vk-mobile-nav-menu-btn{ display:none; }あとは、スマホのブラウザキャッシュを削除すればうまくいくと思います。
RICK様
ご教示いただきありがとうございました。
下記を貼り付け、スマホのブラウザキャッシュを削除しましたがダメでした。.vk-mobile-nav-menu-btn{
display:none;
}
.page-template-page-lp .vk-mobile-nav-menu-btn{
display:none;
}私の環境だと普通に消えます。下記を試してみてください。
- キャッシュプラグインを使用している場合そのキャッシュを削除してみる
- Cloudflare 等の CDN を使用している場合はそのキャッシュを削除してみる
- キャッシュがしつこく残っている可能性があるので、別のブラウザをインストールして閲覧してみる
下記コードの場合は全ページが対象で
.vk-mobile-nav-menu-btn{ display:none; }下記コードの場合は LP テンプレートで作成された全ページが対象です。
.page-template-page-lp .vk-mobile-nav-menu-btn{
display:none;
}RICK様
下記を試してみましたが、ダメでした。
キャッシュプラグインを使用している場合そのキャッシュを削除してみる
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; }後はどのスキンが有効かがわからないと対処のしようがありません。
- このトピックに返信するにはログインが必要です。
