前略、ぜき さん

①に関しましては、ちゃんと表示されているようです。

ただ、ロゴ画像が小さいので、重なっていて、目立たないのだと思います。

②に関しましては、Cocoon設定で設定が可能です。

ただ、ヘッダー画像全体のどこをクリックしてもトップに戻るようにするには、独自のカスタマイズが必要です。

ぜき さん

ヘッダー画像の端から端までクリックできるようにするには、現在お使いの背景画像の方だけを、ロゴ画像の方に設定して、CSSのコードで、ヘッダーにちょうど収まるように調整します。

ただ、その場合は、１枚の画像しか使えず、現在お使いのロゴ画像の方が使えなくなってしまいます。

このCocoonのサイトのように、背景画像とロゴ画像の２枚の画像を使うのが、Cocoonの仕様ですが、その場合はクリックできるのは、中央のロゴ部分だけとなります。

デザイン的には、このCocoonのサイトのように２枚の画像を使った方が、おしゃれなデザインにし易いかもしれません。

その辺りをよく考慮する必要があります。

＞リフィトリーさま

早速のご回答有難うございます。

表示を見落としておりました。失礼しました。

またご丁寧に回答いただき有難うございます。

背景画像をロゴに設定し、表示させるように致しました。

有難うございました！！

@ぜき さん

ヘッダーロゴ画像を隙間なくピッタリ収めるには、以下のコードを子テーマのCSSファイルか、追加CSSにコピペすればイケるかと思います。

追加CSSは、ダッシュボードの「外観」→「カスタマイズ」→「追加CSS」で開けるかと思います。

追加CSSの変更を確定するには、すぐ上にある「公開」ボタンをクリックすればOKです。

/*ヘッダーロゴ画像を画面幅いっぱいに広げ、上下の隙間も無くす*/
.header-in {/*ロゴ画像を画面幅いっぱいに広げる*/
   width: 100%;
}

.logo-image{/*画像上のCocoonデフォルトの10pxのpaddingを無くす*/
   padding: 0;
}

.logo-image a {/*ブロック要素にして横幅いっぱいに広がるようにする*/
   display: block;
}

.site-name-text {/*ロゴ画像を画面幅いっぱいに広げる*/
   width: 100%;
}

.site-logo-image.header-site-logo-image {/*画像下の隙間を無くす*/
   width: 100%;
   vertical-align: middle;
}

.tagline {/*サイトのキャッチフレーズの非表示（cocoon設定のヘッダータブの設定でもできる）*/
   display: none;
}

テストサイトで試してみました。

＞リフィトリーさま

返信遅くなり申し訳ありません。

追加のご教授、有難うございます！

早速cssを埋め込もうとHPを開いたところ、やはり昨日質問させて頂いたときと同様にロゴが表示されなくなってしまいました。

cocoon設定でキャッシュの削除、chromeのキャッシュ削除共に試しましたが、復活しません。

何かの設定が足りないのでしょうか。

改めてご教授願います。

宜しくお願い致します。

追加画面です。

cocoon設定の【ヘッダー】プレビューでは表示されています。

@ぜき さん

どこかで以下の指定がなされているようです。

.lazyload {
  display: none;
}

Cocoonの高速化設定をOFFにしていただけると、状況が掴みやすいです。

@leafytree

大変失礼いたしました。

解決した！と舞い上がって、高速化にし、そのまま追記してしまいました。

また今高速化を外したところ、ロゴが表示されるようになりました。

高速化の設定で何か原因がありますでしょうか？

@ぜき さん

Cocoonの高速化設定をするだけで、

.lazyload {
  display: none;
}

が指定されるとは、ちょっと考えにくいので、何か別の要因と重なって、指定が生じるのではないかと推測します。

例えば、何かのプラグインの影響とか・・

@ぜき さん

画像関連のプラグインで lazyload 機能がついているものもありますし、その他のプラグインでlazyload 機能を持っているものもあるかと思います。

現在は、WordPressに lazyload 機能が標準で備わっていますので、プラグインのlazyload機能は全てOFFにしておく方が無難です。

@leafytree

有難うございます！

画像関連だとAutoptimizeを使っており、確かにlazyload 機能をオンにしておりました。

それが干渉してしまったのかもしれません。

プラグインをオフにし、高速化を行ったところ、ロゴが表示されるようになりました！

お騒がせして申し訳ありません。

昨日も、時間を置くと表示されないということがありましたので、念のため、少し時間をおいて再度確認致します。

ご丁寧にありがとうございました！

@ぜき さん

「Autoptimize」は、Cocoonの高速化機能と併用すると不具合が出るようですので、Cocoonをお使いになっている限りは不要かと思います。

@leafytree

そうだったんですね！

ご教授有難うございます。

プラグイン無効化しようと思います。

@ぜき さん

ひとつお伝えするのを忘れていました。

どの画面幅でもヘッダーロゴ画像を隙間なく表示するには、先にお伝えしたCSSのコードの他に、Cocoon設定の「ヘッダー」タブの設定で「高さ」の数値を消しておいてください。

@leafytree

こちらも数字を設定してしまっていました。

大変勉強になりました。

有難うございます！

@ぜき さん

もし、ヘッダー画像を「ヘッダー背景画像」を使ったデザインに変更される場合は、背景画像に合った高さを設定してくだささい。

ヘッダー画像が「背景画像」の場合は、高さは自動的に調整されません。

今は、空欄でOKです。

@leafytree

そういうことですね・・・

勉強させて頂きました！

有難うございます！！