前略、ao さん

ちょっと、正確なことは、わからないのですが、もしかしたら、サブメニューがある場合は、Cocoon設定の「ヘッダー」タブにあるメニュー設定のデザインでも、適さないものがあるのかもしれません。

Cocoon設定の「ヘッダー」タブの設定で、ヘッダーレイアウトを「センターロゴ（デフォルト）」あたりに変えてみると、どのような表示になるでしょうか？

また、モバイル表示の方も、「モバイル」タブの設定で、「トップメニュー」ではなく、「ヘッダー・フッターモバイルボタン」あたりに変えると、どのような表示になるでしょうか？

ao さん

また、まだ、子テーマを導入されていらっしゃらないようですので、子テーマをお使いになることを強くオススメします。

Cocoonテーマをインストールする方法

[解決済] 親テーマと子テーマについてです。

ao さん

モバイル表示の「トップメニュー」でも、タップすれば、サブメニューが展開するみたいですね。

横幅以上の長いメニュー名を設定しているからかと思います。
短いメニュー名にするか、Cocoon設定の「ヘッダー」タブにある「サブメニュー幅」を変更するとどうなりますでしょうか？

@leafytree様

ありがとうございます。

PC版のほうは、下にてわいひら様にご指摘いただいた枠の幅変更で解決しました。ありがとうございます。

モバイル版は、モバイルヘッダーフッターにしますと、星付きの縦書き箇条書き？のようなかたちになってしまって。。ちょっと思うような表示にはなりませんでした。。

ありがとうございます。

@leafytree様

勉強不足で恐縮です。

頂いた『子テーマ』につきましても、『？』の状態なので、しっかり読ませていただきたいと思います。

ご指摘ありがとうございます。

@leafytree様

はい。タップすれば、表示されるのですが、表示前にも下に向いた＞のようなマークと、横を向いた三角が付いていまして、タップすると、『コストコブログ』部分が黄色の枠？に囲われてしまうんです。。

何か重複してしまうような設定になってるのか？とも見てるのですがいまいちわからず。。

私としては、モバイルのメニューはこの折りたたみはなくともメニューをタップするとずらずら～とカテゴリも含めて表示が並んでもいいと思ってるんですが、そのメニュー内容設定にすると、PC版でも、カテゴリがヘッダーにずらずらたくさん並んでしまって。。

PC版をスマートにさせると、このモバイル版の変な表示になってしまうのです。。

@yhira様

わいひら様、教えていただきました幅を500に変えましたら、重なること無く表示されるようになりました。

大変簡潔でわかりやすいご指示に大変感謝いたします。

@ao さん

ちょっと長めのメニュータイトルだと、難しい面もあるんですね。

Cocoonには、表示オプションが複数あるので、いろいろ試してみて、ご希望に合ったものが見つかるといいですね。

モバイル表示のときのメニューは、左からスライドインのメニューの方だと、サブメニューも一覧で表示されるみたいですね。

メニュー名の長さをどこまで対応させるかは、非常に難しい問題かもしれません。
例えば極論ですが、長いメニュー名に対応させようとすると、1000文字とかにも対応させる必要があります。
そこまでは必要ないと思うので、メニュー名と表示に関しては、程よいところで折り合いをつけるしかないのかもしれません。

@leafytree様

そうですね。ちょっと長いタイトルだったのかもしれません。。改善の余地もあるのかな？とも感じました。

教えていただいた、『子テーマ』ですが早速ダウンロードして、親テーマから子テーマへの設定の引っ越しも無事に完了しました。

無知なまま、親テーマで設定を続けていましたので、こちらの解説等をしらべても、微妙にレイアウトが違う画像などが出て「？」と思っていたのですが、それも今後は無くなりそうです。

まだまだ一歩ずつですが、勉強して使いこなせるようになりたいと思います。

ありがとうございます。

@yhira様

わいひら様

お返事いただきありがとうございます。

確かに、メニューの文字数に関しては難しいところですよね。

現状ほとんど観覧に関してはモバイルからなので、モバイル優先で見やすいサイトに揃え、PC版に関してはカテゴリ名などをもっと簡素にして見た目をシンプルにしたほうが、全体のイメージもスマートなのかもしれませんね。

色々また試してみたいと思います。

貴重なお時間をさいていただきまして、ありがとうございました。