前略、aichm さん

ちょっとFirefoxのデベロッパーツールで試してみただけですが、CSSのコードを書いてみました。

.header-container-in.hlt-top-menu .logo-header img {
   width: 60px;
}

上手くいくかどうかは、わかりません。

もし、子テーマをお使いになられていない場合は、以下のトピックが参考になるかもしれません。

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

aichm さん

グローバルメニューの設定方法は以下のリンクに記載されています。

グローバルナビのメニューを設定する方法

aichm さん

グローバルメニューの設定方法のリンクを間違えました。

以下に訂正したリンクを貼ります。

グローバルナビのメニューを設定する方法

Cocoon「ヘッダー」タブの添付画像の項目はどのようになっていますか。
スクリーンショットいただければと思います。

もし何か値が入っているが、一度からにして試してみていただけると幸いです。

返信ありがとうございます。

スクリーンショットを添付させて頂きますが、数値は特に入っていませんでした・・・

重ねての質問すみません。

PCで見るとサイドバーの下に余白ができてしまうのですが、こちらはどこから修正できるのでしょうか。

https://aichmlife.com/

@aichm さん

投稿者:: @aichm

PCで見るとサイドバーの下に余白ができてしまうのですが、こちらはどこから修正できるのでしょうか。

以下のCSSのコードを子テーマのCSSに追記したら、それっぽい表示になりました。

.content-in {
   align-items: flex-start;
}

ただし、Googleアドセンスの広告をサイドバーに設定された場合は、上記のコードは効かないかもしれません。

以下のような感じです。

@leafytree　さんありがとうございます！

無事に無駄な余白を消すことができました！

別件で、下記の問題についてなのですが、画面録画で送って頂いている動画だとメニュー横のロゴがつぶれていないようなのですが、もし理由が分かったら教えてください。

投稿者:: @aichm

下記のブログなのですが、スクロールした時にメニューバーのロゴが、潰れてしまうのですがどうすればいいでしょうか。

できれば今のヘッダーに入れているロゴを、入れたいのですが・・・

https://aichmlife.com/

@aichmさん

いま、出先でスマホからなので、雑な回答になってしまいますが始めの方で、試しに書いたコードがあるかとおもいます。

そちらを一度試してみてください。

設定値の問題かと思ったんですが、設定していないんですね。
ただ、ロゴの幅と高さは設定されていた場合でも、潰れないようにスタイルを追加したものをアップしておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
1度、これでアップデートして試してみていただいてよろしいでしょうか。

@aichm さん

わいひらさんがロゴ画像が潰れないような仕様にしてくださったみたいなので、そちらをご利用なさってください。

お急ぎでなければ、次のアップデートまで待てば、この内容も含まれると思います。