悲報◼️ヘッダーが崩壊した

掃除しながら鏡餅作りながらブログのヘッダーいじってました。

これから寒くなるっていうし。

 

f:id:yukinosita-tamasudare:20201230170609j:plain

ヘッダーデザイン

練習にAdobeのillustratorでつくりました。

 

CSSは☟

/* ヘッダー画像をスマホでも正常に表示 */
@media (max-width:480px) {
.header-image-only #blog-title {
height: 60px;
}
.header-image-only #blog-title #blog-title-inner {
background-size: cover;
height: 70px;
}
}

 

 

/*****ヘッダータイトル****/
#blog-title {
background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/y/yukinosita-tamasudare/20201230/20201230170659.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
text-align: center;/* 中央寄せ */
height: 400px;/* 表示したい画像の高さ */
margin: 0;
padding: 0;
top: 0;
width: 100%;/* 幅100%に */
overflow-x: hidden;
}

 

になってるんですけどね。

タイトル画像には何も入れてないし、画像だけ表示になってるし。

なのになぜテキストが表示されるのでしょう。

 

まだまだヘッダーの工事中が続くと思いますが、早く解決して見やすいブログにしたいと思います💦