本件、自己解決しました。

文字の大きさについては既に「 https://wp-cocoon.com/site-name-text/ 」に記載されていたのですね。確認不足ですみませんでした。

文字の幅についても自分で調べてなんとか変更しました。

文字の位置については、htmlの方もいじらないといけないみたいなので自分にはまだハードルが高いですが、勉強しつつなんとかできそうです。

有難うございました。

たしかにこのカスタマイズは色々ハードルが高いかもです。文字の大きさ・フォント・ヘッダーの高さが変わると逐一変更が必要なので。

1人ひとり、独自のカスタマイズが必要になるので、今回限りCSSを書きますね。※説明を付けてるので、サイト名（.logo-text）・description（.tagline）の数値を変更をしてください。

ヘッダーの高さは指定画像にあわせた風です。強引ですがやり取りが長く続きそうなので、以下に指定しました。注意：Cocoon設定よりCSSが優先されると思います。

• スマホ：150px
• タブレット：500px
• PC：700px

CSSは以下の通り

/*---------------------------------------
 * ヘッダーサイト名・descriptionの位置変更
 * ヘッダーの高さ指定
 *---------------------------------------*/

/* スマホビュー */

/* スマホのヘッダー高さ */
.header div.header-in {
	min-height: 150px; /* 変更時：以下ほとんど微調整として変更しなきゃダメ */
}
/* サイト名・サイト説明 */
.logo-text,
.tagline {
	padding: 0;
	text-align: left; /* 文字左寄せ */
	position:absolute; /* 位置を強引に決める */
	left: 40px; /* 左から40pxの位置に */
	text-shadow: 1px 1px 0 #5f5e5e; /* 背景が白だからテキストに影を */
}
/* サイト名の位置 */
#header-in {
	position: relative; /* サイト名・descriptionはメイン領域に合わた位置 */
}
.logo-text {
	bottom: 40px; /* ヘッダーの下から40px */
}
/* サイト説明の位置；微調整必要 */
.tagline {
	bottom: 20px; /* 下から20px */
	padding-right: 1em; /* 右内側余白1文字分 */
}


/* PC閲覧時：タブレットサイズで上書きされるstyle */

@media screen and (min-width: 769px) {
	.header div.header-in {
		min-height: 500px; /* ヘッダーの高さ */
	}
	.logo-text,
	.tagline {
		left: 80px; /* タブレットサイズ左からの位置を決める */
	}
	.logo-text {
		bottom: 80px; /* ヘッダー下から80px */
	}
	.tagline {
		bottom: 65px; /* 下から65px */
	}
}
/* PC大画面領域だけで上書きされるstyle */
@media screen and (min-width: 1024px) {
	.header div.header-in {
		min-height: 700px; /* ヘッダーの高さ */
	}
	/* メイン領域の位置より */
	.logo-text,
	.tagline {
		left: 120px; /* 左から */
	}
	.logo-text {
		top: 550px; /* サイト名下から */
	}
	.tagline {
		top: 610px; /* description：下から */
	}
}

スマホビュー

https://gyazo.com/5676d214db815f511e0ddd1f2b17e255

タブレットビュー

https://gyazo.com/9c0c66e05ed91cb2bf7852795081a237

PCビュー

https://gyazo.com/a745785cc04e1bfe0fc230a6dd4fa996

プラグインや場合によってサーバーなどのキャッシュはクリアにしてご確認ください。

ヘッダー領域内を基準にしてサイト名・descriptionの位置をそれぞれ指定しています。

ヘッダーの高さを変更した場合は、サイト名・descriptionの位置を変更しています。今見るとPCビューだけtop上から指定している…。。

上から指定したい場合はtop: 20px;など。headerの下から指定したい場合はbottom: 80px;など。さらに左left: 80px;なども可能です。

好きな位置になるように触ってみれば、動きが分かるかも知れません。雑ですが＾＾；

かうたっくさん　ありがとうございます。

こんなに詳細に説明までつけていただいて、見え方の画像まで添付していただくなんて、かえって申しわけありません。

さっそく適用してみます。

まずは、取り急ぎ御礼まで。

かうたっくさんへ

教えてもらったcssを適用したところ思いどおりに表示することができました。ありがとうございました。

ただ、スマートフォンで表示した場合にdescriptionがサイト名と重なっていたため、スマホ表示でのdescriptionを調整しました。

また、フッターエリアのサイト名にも適用されてしまっていたため、ヘッダーのみに適用したかったのですが、ヘッダーのみにcssを適用する方法がわからずにネットで調べてなんとか適用することができました。

最終的には以下の様になりました。

/*---------------------------------------
* ヘッダーサイト名・descriptionの位置変更
* ヘッダーの高さ指定
*---------------------------------------*/

/* スマホビュー */

/* スマホのヘッダー高さ */
.header div.header-in {
min-height: 150px; /* 変更時：以下ほとんど微調整として変更しなきゃダメ */
}
/* サイト名・サイト説明 */
.header .logo-text,
.tagline {
padding: 0;
text-align: left; /* 文字左寄せ */
position:absolute; /* 位置を強引に決める */
left: 40px; /* 左から40pxの位置に */
text-shadow: 1px 1px 0 #5f5e5e; /* 背景が白だからテキストに影を */
}
/* サイト名の位置 */
#header-in {
position: relative; /* サイト名・descriptionはメイン領域に合わた位置 */
}
.header .logo-text {
bottom: 40px; /* ヘッダーの下から40px */
}
/* サイト説明の位置；微調整必要 */
.tagline {
bottom: 5px; /* 下から20px */
padding-right: 1em; /* 右内側余白1文字分 */
}


/* PC閲覧時：タブレットサイズで上書きされるstyle */

@media screen and (min-width: 769px) {
.header div.header-in {
min-height: 500px; /* ヘッダーの高さ */
}
.header .logo-text,
.tagline {
left: 80px; /* タブレットサイズ左からの位置を決める */
}
.header .logo-text {
bottom: 80px; /* ヘッダー下から80px */
}
.tagline {
bottom: 65px; /* 下から65px */
}
}
/* PC大画面領域だけで上書きされるstyle */
@media screen and (min-width: 1024px) {
.header div.header-in {
min-height: 700px; /* ヘッダーの高さ */
}
/* メイン領域の位置より */
.header .logo-text,
.tagline {
left: 120px; /* 左から */
}
.header .logo-text {
top: 550px; /* サイト名下から */
}
.tagline {
top: 610px; /* description：下から */
}
}

とりあえずこれでしばらく様子を見たいと思います。

あと、かうたっくさんのサイトも見させていただきました。これから参考にさせていただこうと思います。

本当にありがとうございました。

あぁ～～、…footerは全く見てませんでした。

サイト名である以下を

.logo-text

.header .logo-text

こう指定すればfooterは反映しないんですね。

同じようにサイト名・サイトディスクリプションを移動させたい人・またフッターにサイト名を置いている人にtoshiさんの修正コードが、検索から届くことを願ってます＾＾

色々ご確認いただき、さらにコードの修正までして頂きまして感謝です❦

ご確認などなど、色々とお疲れさまです。そして、ありがとうございました！