Lightning Pro1カラム時（ランディングページ）のモバイルメニューを表示しない

[TAKE]

お世話になります。
フロントぺージにメニューのない1ページのランディングページを作成しました。下層ページもメニューも無いのですが、下段モバイルメニュー又は左上にメニュー（３本線）がスマホで閲覧したときに表示されてしまいます。
表示しない方法を教えて下さい。
よろしくお願いいたします。

[DRILL LANCER]

下段モバイルメニュー又は左上にメニュー（３本線）がスマホで閲覧したときに表示されてしまいます。

「下段モバイルメニュー」はおそらく、「Lightning モバイル固定ナビ」を指していると思われるので、
外観 ＞ カスタマイズ ＞ Lightning モバイル固定ナビ
と進み、「モバイル固定ナビを表示しない」のチェックボックスをONにすると非表示にできます。

「左上にメニュー（３本線）」については、下記CSSコードを

• 外観 ＞ カスタマイズ ＞ 追加CSS
• 子テーマの style.css
• ExUnit ＞ CSSカスタマイズ

のいずれかに記述すると非表示にできます。

.vk-mobile-nav-menu-btn{
	display:none;
}

• この返信は1年、 2ヶ月前にDRILL LANCERが編集しました。

[TAKE]

RICK様

ご回答ありがとうございます。
下段モバイルメニュー及び左上にメニュー（３本線）は、非表示になりました。
解決しました、ありがとうございます！

[TAKE]

再度質問させていただきまます。

その後、下記の下記CSSコードを追加しましたが、下段モバイルメニュー又は左上にメニュー（３本線）がスマホで閲覧したときに表示されてしまいます。iphoneでサイトを開いたら、左上にメニュー（３本線）が表示されてました。私のやり方に問題があるのでしょうか？？

.vk-mobile-nav-menu-btn{
display:none;
}

非表示のやり方をご教示をお願いいたします。

[DRILL LANCER]

LPを使用しているということなので、補強する意味で下記コードではいかがでしょうか？
下段モバイルメニューは再度設定し直してみてください。

.page-template-page-lp .vk-mobile-nav-menu-btn{
	display:none;
}

あとは、スマホのブラウザキャッシュを削除すればうまくいくと思います。

• この返信は1年、 2ヶ月前にDRILL LANCERが編集しました。

[TAKE]

RICK様

ご教示いただきありがとうございました。
下記を貼り付け、スマホのブラウザキャッシュを削除しましたがダメでした。

.vk-mobile-nav-menu-btn{
display:none;
}
.page-template-page-lp .vk-mobile-nav-menu-btn{
display:none;
}

[DRILL LANCER]

私の環境だと普通に消えます。下記を試してみてください。

• キャッシュプラグインを使用している場合そのキャッシュを削除してみる
• Cloudflare 等の CDN を使用している場合はそのキャッシュを削除してみる
• キャッシュがしつこく残っている可能性があるので、別のブラウザをインストールして閲覧してみる

下記コードの場合は全ページが対象で

.vk-mobile-nav-menu-btn{
	display:none;
}

下記コードの場合は LP テンプレートで作成された全ページが対象です。
.page-template-page-lp .vk-mobile-nav-menu-btn{
display:none;
}

[TAKE]

RICK様

下記を試してみましたが、ダメでした。

キャッシュプラグインを使用している場合そのキャッシュを削除してみる
Cloudflare 等の CDN を使用している場合はそのキャッシュを削除してみる
キャッシュがしつこく残っている可能性があるので、別のブラウザをインストールして閲覧してみる

折角、アドバイスいただきましたのに申し訳ないです。

[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;
}

後はどのスキンが有効かがわからないと対処のしようがありません。

[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;
}

ありがとうございました。

[投稿者]

投稿