トップページを固定ページにしているときにコンテンツ上の余白を狭くしたい

子テーマmobile.cssあたりに、

#breadcrumb {
  margin-bottom: 0;
}

を入れておけば、

.article .entry-title {
  margin-top: 余白量(10pxなど);
}

でxxxに任意の数値を入れれば、任意の余白が作れると思います。
ただし、他のcssで何かしら設定されていたりして子テーマmobile.cssでは上書きできない可能性もあります。
その場合はまたレス下さい。

また、タブレットはオリジナルのままで良いけれども、スマホの時だけと言う場合もあるかも知れません。
そんな時は、メディアクエリを利用したりして、

@media screen and (max-width: 440px){
  #breadcrumb {
    margin-bottom: 0;
  }
  .article .entry-title {
    margin-top: 余白量(10pxなど);
  }
}

こんな感じにすれば良いかと思います。メディアクエリのmax-widthや.article .entry-titleは任意調節して下さい。

ありがとうございます

まずは
上2つを子テーマmobile.cssにコピペしてみましたが
なにも変わりませんでした
（キャッシュの影響ではありません）

夜にもう一度弄ってみます

ＰＣの場合
トップページはパンくずリストが無いため40px位空きます
トップページだけ20px位の余白に変更できますか？

子テーマmobile.cssはスマホやらのモバイルの時のスタイルシートです。
PCの場合も変更したいのであれば、子テーマstyle.cssあたりが良いのではないかと思います(PCの時にはmobile.cssは読み込まれないため)。
それでもその後に読み込まれる何かしらのcssが影響する場合は、マージンの数値の後に半角スペースを開けて!importantをつけるなどの強制手段を行わないといけません。

!importantがついているプロパティは!importantで上書きしないといけないので、書き込んだcssファイルの後に読み込まれた別のcssにて!importantが適用されている場合は上書きできない場合もあります。

最終的には、jQueryで該当セレクタに

(function($){
  $(function(){
    $("#breadcrumb").css({
      "margin-bottom": 0
    });
    $(".article .entry-title").css({
      "margin-top": 10 + "px"
    });
  });
});

このように書くと、タグの中に
[divid=”breadcrumb” style=”margin-bottom: 0;”]
などと書かれるので、jQueryはcssよりも後で読み込まれるということから通常のcssが悪さをしている場合はたいていは上書きできますが、!importantがもし他のcssで付いていた場合は、jQueryの方にもつけないとイケないのではなかろうかと思います。

!importantは、このようにして色々と状態がわからなくなってしまいがちなので最終手段で使うべきです。

確認方法としては、headタグ内を見て、cssがどのように読み込まれているかを把握し、より下の方で読み込まれているcssに#breadcrumbのスタイルを書けばたいていうまく行くのではないかと思います。

Simplicity他、子テーマを持っているテーマはだいたいの所、子テーマstyle.cssにて、@import url(親テーマstyle.css)と言うのが一番上に書いてあるかと思います。

これは親テーマに書いてあるcssを子テーマで上書きするという意味です(子テーマに何も書かれていない場合は親テーマのstyle.cssの内容が適用されるという感じですね)。つまり、僕が最初に説明したスタイルの設定は、本来親テーマで、

#breadcrumb {
  margin-bottom: 20px;
}

と書かれているのを子テーマで上書きして0にしているわけです。同じセレクタのプロパティは後から読み込んでいるスタイルが上書きするとまず理解して頂いて、注意すべきは!importantの存在と、そのスタイルの読み込み順序ということになります。

仮に、#breadcrumbが!importantが付いていない状態で、headタグの中にstyleタグで書かれている場合は、読み込む外部ファイルのいかなるプロパティでも上書きできません。たいていstyleタグはheadの最後の方に書くので、外部ファイルの読み込みより後で実行されるからです。
しかし、外部ファイルの方に!importantがついていれば、後から読み込むスタイルに!importantが付いていない状態なら、外部ファイルの!importantが優先されるため、後からのスタイルは適用さず外部ファイルの方が優先されます。

styleで言うと、jQueryのように、該当のタグに直接書くstyleもあります。この場合はheadの中のstyleよりおそらく優先されると思います。

このあたりちょっとややこしくなるのですが、基本はひとつ、cssは後から読み込んだものが優先し、!important付きは!important付きで後から読み込んだものしか上書きできないということです。

まぁ、サイトを見せてもらえればどこをどの様にすればよいのかのその方法を答えられますが、サイトの状態を見ておらず、パンくずプラグインが入っていないと想定してではこの解答が僕の精一杯です。

（「Simplicityの特徴」と書かれている部分の上）← この部分です

完全レスポンシブ機能を無効 → 有効にしました
　スマホが変わりました！気になる余白が狭まりました！！
　ただ、ヘッダー画像が、全体が表示されず（等倍表示？）
　できればアコーディオンメニューは避けたい･･

ＰＣの場合
トップページ（固定ページ）のトップマージンを狭くするのには
どこを弄れば良いのでしょうか？
（もしくはパンくずリスト分狭くできますか？）

思われている箇所で右クリックして要素を調査みたいのから、どの部分かをセレクタで言ってもらえますか？
例えばh1とかid=”xxx” class=”zzzz”みたいな感じです。

タイトル付近というのはわかるんですけど、いまいちどこかがわからないので。
もしくは、わいひらさんオススメのaunでしたっけかね、画像のアップローダー？みたいのを利用してここらというのを言ってもらえると助かります。

ありがとうございました。「padding-top: 0」できました。

右クリック「要素を検証」、idなど勉強になりました。
パンくずリストの margin-bottom: 20px; ですが
20以上にはなるのですが、20未満ではタイトルとの間隔が変わりません･･
topを20px、bottomを20 → 0pxにして
#mainのpadding-topを 0px で試してみたいと思ってます

margin-bottom: 20pxは変えられるのでしょうか？

トップページだけ変えるのでなく
#mainのpadding-topを 0px、パンくずリストのmargin-top: 20px　に決めました

パンくずリストとタイトルとの間隔は
パンくずリストを margin-bottom: 0px にするだけでは何故か狭くなりませんが
h1のmargin-topで狭くできました

以上
ご報告まで