[ 解決済 ] スマホで見た場合のヘッダーナビゲーションについて

[おもち]

■ WordPress のバージョン
WordPress 6.6.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
バージョン: 15.26.2

■ Pro Unit のバージョン
バージョン 0.26.8

■ スキンの種類
Origin III

■ 期待する動作
スマホでもパソコンと同じようにHeader Navigatioを表示させたい

■ 自分で試した事
ナビゲーションメニューを削除したり、調べたりしました。

■ 症状が発生するブラウザ
アイフォン

■ 実際の症状
VK Patternsから、トップページ・LP で保育園のデザインをコピーして貼り付けました。
パソコンで見ると上部のヘッダーナビゲーションには
【登園について】【登園の特徴】【１日の様子】、などが表示されているのですが、
スマホで見ると、それらが非表示になってハンバーガーメニューが表示されています。

パソコンと同様にヘッダーナビゲーションを表示させるにはどうすれば良いでしょうか？

---

該当URL : https://*********

※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

[うなこ]

ナビゲーションの部分ですが、少し複雑な点があり申し訳ございません。

この保育園・幼稚園02_トップページのパターンでは、PCとタブレットサイズ用のヘッダーナビ部分は、カラムブロックとVK Blocks のボタンブロックを組み合わせて作っています。
またモバイルのサイズはWordPressコアのナビゲーションブロックを使用していますので、ご自分のサイトに合わせたナビゲーションを設置いただければと思います。

（ヘッダーナビゲーション部分がこのような作りになっている理由としましては、コアのナビゲーションブロックは現時点では、ラベルにHTMLが入力できないため、ラベルにFontAwesomeの<i> タグが挿入できませんでしたので、このような作りにしています。）

▼以下はナビゲーションブロックでページ内リンク（カスタムリンク）を設置する方法の記事になります。
ご参考になれば幸いです。

ランディングページ（LP）で、ナビゲーションブロックでページ内リンク（カスタムリンク）を設置する方法

[おもち]

お忙しいところご回答頂きありがとうございます。
画像をアップ致します。
この画像の部分を、デザインそのままにスマホに反映させることはできないということでしょうか？

Attachments:

You must be logged in to view attached files.

[おもち]

ありがとうございました。ブロックをコピペして複製してPCで非表示設定して解決することができました。

[投稿者]

投稿