ちょっと、試してみないと、よくわからないのですが、ロゴの下のpaddingを調節することで、ご要望に近い見た目になるかもしれません。

@media screen and (max-width: 768px) {
.logo-text {
padding: 20px 0 10px;
}
}

なお、カスタマイズについては、子テーマをインストールして有効化した上で行うことをオススメします。

トップページに限定する場合は、ページIDの付いたClassを付けて・・

@media screen and (max-width: 768px) {
.page-id-2 .logo-text {
padding: 20px 0 10px;
}
}

こんな感じでしょうか。

試していませんが・・

サイト下部にも、ロゴがあるのを忘れていました。

上のロゴだけにしないと・・

@media screen and (max-width: 768px) {
.page-id-2 .header .logo-text {
padding: 20px 0 10px;
}
}

バタバタとすみません。

ありがとうございます。おかげさまでロゴ下の長さを調整できました！

ちなみにですが、同様にカラム上の長さも調整してもう少し間隔を狭めたいのですが、その場合はどのようにしたらいいでしょうか？

よろしくお願いします。

さて、どうすればいいでしょうか？

ボックスのパディング（内側の余白）を指定する(CSS)

CSSのmarginとは？paddingとは？余白の指定方法まとめ

@media screen and (max-width: 768px) {
.page-id-2 .header .logo-text {
padding: 20px 0 10px;
}
.page-id-2 #main.main {
padding: 0 10px 10px;
margin: 0 0 10px;
}
}

試していないのですが、こんな感じかと思います。

こちらも、参考になるかもしれません。

[解決済] 誤って親テーマに追加してしまったカスタマイズの子テーマへの移行をご教示ください

.content の上部にもmarginが付いていたみたいなので・・

@media screen and (max-width: 768px) {
.page-id-2 .header .logo-text {
padding: 20px 0 10px;
}
.page-id-2 #main.main {
padding: 0 10px 10px;
margin: 0 0 10px;
}
.page-id-2 .content {
margin-top: 0;
}
}

少し訂正してみました。

でも、だんだんCSSのコードも長くなってきてしまうので・・

@media screen and (max-width: 768px) {
.page-id-2 .header .logo-text {
padding: 20px 0 0;
}
}

これだけで、いいような気もします。

ありがとうございます！

お陰様でだいぶ良くなりました！

今後も引き続きよろしくお願いします。

なんどもごめんなさい。

この"スマホとパソコンで資格学習の広告"と”新着記事””おすすめ記事”(それぞれカラムの中に文字を入れています)と記事のサムネイルの空白も小さくしたいところです。

いろいろ調べてみたのですが、方法がわからず再度質問させていただきます。

恐れ入りますがよろしくお願いします。

恐れ入りますがフォーラムの案内にもありますように、できれば新しいトピックを立てていただければ幸いです。

1つのトピックにつき1つの質問を書き込んでください

冒頭の内容と質問が変わってきているので。
お手数ですがよろしくお願いいたします。

承知しました。

引き続きよろしくお願いします。