ワードプレスで作成したブログにて、スマホ画面でのみレイアウトが崩れている

Question

前提・実現したいこと

ワードプレスで作成したブログにて、スマホ画面から見ると
サイドバーに設置したアドセンス広告がプロフィールとかぶってしまいます。
この現象を解消したいです。

※この現象はスマホで見た際のみ発生しています

画像添付します

該当のソースコード

	<div class="side-ad">	
	<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-8087360159636686"
     data-ad-slot="5771155173"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>		
</div>
<!-- ヘッダー１ -->
</aside>

.sidead {
  margin-bottom: 40px; }
  @media only screen and (max-width: 479px) {
    .archive {
      margin-bottom: 40px; } }
  .archive ul {
    margin-top: 40px; }
    .archive ul li {
      border-top: dotted 1px #686868; }
      .archive ul li a {
        color: #7B7B7B;
        line-height: 55px;
        padding-left: 20px; }
        @media only screen and (max-width: 479px) {
          .archive ul li a {
            font-size: 12px;
            line-height: 45px; } }

試したこと

・ワードプレスのエディターから、<div Sidead>のコードを追記してみました。
・CSSもその他のサイドバーと同じように記載してみました

※当方CSSの知識疎いです。。ほぼやみくもで見様見真似で何か変わらないかと試しました。
なお、PC上では正常に表示されています。スマホ画面のみ画像のような状態になります。

Comments

[m.ts10806]

>（詳細は本文に）
細かいところなのですが、タイトルが本文の要約であることは一般的な概念なので、この一言は不要かと思います。

[aroe3721]

修正します。

[Lhankor_Mhy]

<ins class="adsbygoogle"
style="display:block"
↑これが気になります。

CSSファイルの中に記述する方法は、すでに検討されましたか？

Answer 1

     style="display:block"

この一行を削ったらどうなりますでしょうか。