.logo-header{
  display: none;
} 

を追記した感じですね。

このページで確認したら、同じようにリンクを押せないようです。たぶんその領域logo-headerにリンクがあるからかも知れません。

Cocoon設定、ヘッダータブにあるヘッダーロゴを削除するなど工夫をするのはだめですか？

ヘッダーの高さなども指定できるようなので、Cocoon設定からやってみるのも良いと思います。

かうたっく様

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

もともヘッダーロゴにはなにも入力していません。

ヘッダーロゴを削除するとはどういうことなのでしょうか？

そうでしたか。思っていたのと状況が違ったようです。

実際の状況を見せてください。

書き込みの前に以下の3点をご確認ください。

1. 1つのトピックにつき1つの質問を書き込んでください
2. 不具合・カスタマイズ対象ページのURLを提示してください
3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

書き込み前の説明にある通り、わたしも状況を見ないと何とも言えない。って事がありますので。

僕もちょっと、実際の状況を把握しないとちょっと何ともいえないかもしれません。ヘッダーの設定といっても様々な方法があるので。

お返事遅くなってすみません。

ヘッダーの背景とロゴを別々に作成することで、クリックできない問題は解決しました。

ただ、コクーンではヘッダーロゴのサイズを指定できますが、それはPCにしか適応できず、スマホ画面では適応できないのでしょうか？

私のサイトではスマホではサイズ変更できません。

お手数ですが、お返事よろしくお願いします。

詳しく説明しますと、スマホ画面ではロゴサイズ変更が適応されず、「コクーン設定」の「ヘッダー」タブで「ヘッダーロゴサイズ」にどんな数字を入力しても同じ大きさで表示されるということです。

宜しくお願いします。

スマホでは、変更できない仕様になっています。
というのも、スマホサイズよりも大きなロゴを設定した場合、サイズが固定されてしまうと、画面が横揺れしてしまうからです。
そうすると、サイト訪問者の利便性は損なわれてしまいます。
スマホ用のメディアクエリでは、ロゴは画面幅を超えない仕様になっています。

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

それではスマホで見るロゴを適正な大きさに変更するにはどうすればよいのでしょうか？

今のスマホ画面では背景を無視して画面いっぱいにロゴが広がってます。

これを直すことはできないのでしょうか？

今のスマホ画面では背景を無視して画面いっぱいにロゴが広がってます。

背景は無視されてないと思います。

ご覧になっているスマホの横幅サイズ以上（例えば400px以上で指定されているなど）

ロゴのヨコ幅がスマホより大きいから全面に表示されているだけで、背景が裏で表示されている（見えてないだけな）のかと。

ロゴ画像のサイズ変更は例えば以下。数値は任意のものでお願いします。

.site-name-text img {
	width: 50%;
}

それにメディアクエリを使ってCSSを指定する感じです。

以下の場合は最大値480pxの横幅の状況ではロゴの幅50%。って事です。

@media screen and (max-width: 480px) {
	.site-name-text img {
		width: 50%;
	}
}

メディアクエリ　CSS　など…で検索すれば色んな指定方法が出ると思います。実際見てないのであくまで参考程度のメディアクエリですが。

ありがとうございます！

ロゴの大きさが調節できました。

CSSのことはほどんど分からないので詳しく書いていただいて助かります。

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