はてなブログ タイトルと記事の間の空白を埋めるには

Question

下記画像のように、黒のタイトルと記事の間にどうしても空白が生まれてしまいます。
ブログ作成して間もないですが、色々いじってるうちに気付いたら手遅れになってしまいました。

しかし、なぜかPCなら空白出来るのにスマホから観覧するとココの隙間がなくぴったりに埋まってます。

また、空白が生じているのはPCのTOPのみで、下記のようにPC・スマホで記事ページに飛ぶとぴったり隙間が埋まってます。

以上のようにPCで観覧の時・TOPのみ空白が生じています。
デベロッパーツールを用いていろいろいじってますが、原因が分かりません。

（ちなみに空白を、
#blog-title {
margin: 0 0 -8.1em;
}
と打てばPCのTOP空白はなくなりますが、今度は逆にPCの記事ページの空白＋スマホのTOPと記事ページが上がりすぎておかしくなってしまいます）

Comments

[退会済みユーザー]

そういうレイアウトなのでは？
設定されてるスタイルを調べて追記してね。

[azuapricot]

コードを提示していただかないとこちらでは「はいそうですか」としかいえません

[yoshinavi]

「blog-title」がTOPも記事も同じ設定であれば、その下の要素はどうですか？TOPと他ではCSSが違うのかもですよ。

[kami0069]

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

・スタイルというものを今調べましたが、何の事だかいまいち分かりません；
・100行ほどのCSSをそのままここにコピペで貼っていいのでしょうか？
・後で確認してみます
右も左も分からず恐縮です。

[azuapricot]

コードをはるときに　マークダウン <code> を使ってくだされば大丈夫です

[kami0069]

こちらにコードを貼ると、削除されてしまいます；

[azuapricot]

コードは質問文を修正してはってくださいね

Answer 1

https://amaore.hatenablog.com/archive
ブログ拝見しましたが、そこ、広告バナーが入るスペースみたいですね。

.ad-online-afc {
        height: 0px;
        margin-bottom:0px;
}

とりあえず、これで見えなくなると思うのですが、ちょっと小手先対応感は否めません。

Comments

[kami0069]

無事埋まりました。
（どうやら、仕様なのかもしれませんがアーカイブページにのみ空白が生じてしまっていたようです）
これで次に進む事が出来ます、皆様ありがとうございました