ヘッダーのプレビューではメニューが表示されているのに、トップ画面を表示すると消えている

また、サイドバーにYouTubeチャンネルを表示させていたのですがされなくなりました。

CSSの設定を追加したり、削除していたりしていて、このようになりましたが、どこを修正したら良いのかがわかりません。

試しにここに貼り付けてみます

@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template: cocoon-master
Version: 1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************

** 比較表
************************************/
/* 比較表全体 */
.compare-box {
display:-webkit-box;/* 配置 */
display:-ms-flexbox;/* 配置 */
display:flex;/* 配置 */
max-width:600px;/* 横幅 */
margin: 0 auto 2rem;/* 余白 */
border-radius:4px;/* 角丸 */
box-shadow: 0 1px 3px rgba(0, 0, 0, .2); /* 影 */
background: #fef9ed; /* 背景色 */
}
/* 左のボックス、右のボックス */
.compare-box .compare-left-wrap, .compare-box .compare-right-wrap{
width:50%;/* 横幅半分ずつ */
overflow:hidden;/* はみ出さないように*/
}
/* 左のタイトル、右のタイトル */
.compare-box .compare-left-head, .compare-box .compare-right-head{
background: #fdc44f; /* 背景色 */
text-align: center;/* 中央寄せ */
color: #FFF; /* 文字色 */
font-weight: bold;/* 文字太さ */
padding:0em 1em;/* 余白 */
font-size:15px;/* 文字大きさ */
line-height:1.5;/* 行間 */
height:65px;/* 縦幅 */
display:table-cell;/* 形式 */
vertical-align:middle;/* 高さ中央寄せ */
width:1000px;/* 横幅 */
}
/* 左のタイトル */
.compare-box .compare-left-head{
border-radius:4px 0 0 0;/* 角丸 */
}
/* 右のタイトル */
.compare-box .compare-right-head{
border-radius:0 4px 0 0;/* 角丸 */
}
/* 左のコンテンツ、右のコンテンツ */
.compare-box .compare-left, .compare-box .compare-right{
padding:1.5em;/* 余白 */
font-size:15px;/* 文字大きさ */
line-height:2;/* 行間 */
text-align: justify;/* 段落両端 */
text-justify: inter-ideograph;/* 段落両端 */
}
/* 文章 */
.compare-box p {
padding: 0;/* 余白 */
margin: 0 0 20px 0;/* 余白 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
/* 左のタイトル、右のタイトル */
.compare-box .compare-left-head, .compare-box .compare-right-head{
font-size:12px;/* 文字大きさ */
height:50px;/* 高さ */
}
/* 左のコンテンツ、右のコンテンツ */
.compare-box .compare-left, .compare-box .compare-right {
padding: 1.2em;/* 余白 */
font-size: 12px;/* 文字大きさ */
}
/************************************
** 比較表 箇条書き(記号)
************************************/
/* 箇条書き(記号) */
.compare-box .list{
list-style: none !important;/* 行頭記号リセット */
padding:0 !important;/* 余白リセット */
margin:0 !important;/* 余白リセット */
border:none !important;/* 線リセット */
}
/* 箇条書き 行 */
.compare-box .list li {
border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
position: relative;/* 配置 */
margin:0.5em 0 !important;/* 余白 */
max-width:500px;/* 横幅 */
padding: 0 0 0.7em 1.4em !important;/* 余白 */
line-height:1.8;/* 行間 */
}
/* 箇条書き 行最後 */
.compare-box .list li:last-child{
border:none;
}
/* 箇条書き 行頭記号 */
.compare-box .list li:before {
background-color: #ffa952; /* 色 */
position: absolute;/* 配置 */
content: '';/* 空文字 */
top: 10px;/* 上からの距離 */
left: 7px;/* 下からの距離 */
width: 7px;/* 横幅 */
height: 7px;/* 縦幅 */
border-radius: 4px;/* 角丸 */
}
/*スマホで見たとき*/
@media screen and (max-width: 480px){
/* 箇条書き 行頭記号 */
.compare-box .list li:before {
top: 9px;/* 上からの距離 */
left: 3px;/* 下からの距離 */
width:5px;/* 横幅 */
height:5px;/* 縦幅 */
}
}
/************************************
** 比較表　箇条書き(番号)
************************************/
/* 箇条書き(番号) */
.compare-box .list-number{
counter-reset:number; /* 番号リセット */
list-style: none !important;/* 行頭番号削除) */
padding:0 !important;/* 余白リセット */
margin:0 !important;/* 余白リセット */
border:none !important;/* 線リセット */
}
/* 箇条書き(番号) 行 */
.compare-box .list-number li {
position: relative;/* 配置 */
margin:0.5em 0 !important;/* 余白 */
max-width:500px; /* 横幅 */
padding: 0 0 0.5em 1.8em !important;/* 余白 */
line-height:1.8;/* 行間 */
border-bottom:1px dashed #cdcdcd;/* 線(太さ 種類　色) */
}
/* 箇条書き 行最後 */
.compare-box .list-number li:last-child{
border:none;
}
/* 箇条書き(番号) 行頭番号 */
.compare-box .list-number li:before {
counter-increment: number;/* 番号 */
content: counter(number);/* 番号 */
background-color: #fdc44f; /* 背景色 */
color: #fff; /* 番号色 */
position: absolute;/* 配置 */
font-weight:bold;/* 文字太さ */
font-size: 12px;/* 文字大きさ */
border-radius: 50%;/* 角丸 */
left: 0;/* 左からの距離 */
top:5px;/* 上からの距離 */
width: 18px;/* 横幅 */
height: 18px;/* 縦幅 */
line-height: 18px;/* 行間 */
text-align:center;/* 中央寄せ */
}
/* 箇条書き 行頭記号リセット */
.compare-box .list-number li:after{
content:'';
}
/*スマホで見た時*/
@media screen and (max-width: 480px){
/* 箇条書き(番号) 行 */
.compare-box .list-number li{
padding: 0 0 0.5em 1.8em !important;/* 余白 */
}
/* 箇条書き(番号) 行頭番号 */
.compare-box .list-number li:before {
font-size:10px;/* 文字大きさ */
width: 16px;/* 横幅 */
height: 16px;/* 縦幅 */
line-height: 16px;/* 行間 */
top:2px;/* 上からの距離 */
}

/************************************
** プロフィール-サイドバー
*********************************/

/*********************************
** 目次
************************************/
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/* 見出しのデザイン設定 */
/* H2 */
.entry-content h2{
color: #ffffff; /* 文字色 */
font-size: 2.0em; /* 文字サイズ */
background-color: #3cb371; /* 背景色 */
padding-top:20px; /* 文字と上部の間隔 */
padding-left:10px;/* 文字と左線の間隔 */
padding-bottom:20px;/* 文字と下部の間隔 */
border-left: solid 10px #008000; /* 左側に実線・色*/
}

/* H3 */
.entry-content h3{
color: #000; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
background-color: #ebebeb;/* 背景色 */
padding: 10px;
border-left: solid 10px #008000; /* 左側に実線・色*/
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.2em; /* 文字サイズ */
padding: 10px;
border-top: solid 3px #008000;/* 上側に実線・色 */
border-bottom: solid 3px #008000;/* 下側に実線・色*/
}

/* H5 */
.entry-content h5{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 10px;
border-bottom: dotted 3px #008000;/* 下側に点線・色*/
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
padding: 5px;
border-left: solid 7px #008000; /* 左側に実線・色*/
}
/*——————-
おすすめカード
———————-*/

div#recommended-in.recommended-in.wrap.cf{/*おすすめカード上にスキマをつくる*/
margin-top: 20px;
max-height:220px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{/*おすすめカード左右にスキマをつくる*/
padding:0 2em;
}}
div#content.content.cf{/*メインカラムの上５ミリ、おすすめカードの↓*/
margin-top:0;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .3s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
opacity:.8;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{/*写真の上に若干黒かかってる*/
background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{/*影*//*retina対応にしたら余白ができたので、高さ上限設定*/
border-radius:10px!important;
margin:1em .5em;
background-color:#EFF1F5;/*Cocoon設定の「サイト背景色」に合わせる*/
}
div.navi-entry-card-title.widget-entry-card-title.card-title{/*おすすめカード上の文字*/
color:#333333;
font-weight:bold;
font-size:.8em;
background-color: rgba(255, 255, 255, 0.8);
padding: .6em .5em;
border-radius:30px;
}
@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{/*影*//*retina対応にしたら余白ができたので、高さ上限設定*/
margin:.3em 0em;
}
div.navi-entry-card.widget-entry-card.e-card.cf{/*高さ上限設定*/
border-radius:10px!important;
overflow:hidden;
max-height:100px;
margin:0 .3em 0;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1)!important;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow:none;
}
}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{/*おすすめカード上の文字*/
font-size:.6em;
padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{/*おすすめカードサイドにスキマをつくる*/
margin: .7em .2em .3em;
}
.widget-entry-cards.large-thumb-on .card-content{/*写真の上に若干黒かかってる*/
background: rgba(151, 151, 151, 0.2);
}
}
main#main.main{/*新着記事の真上空白をへらす*/
margin:0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
.entry-content {
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
}