子ページのヘッダーメニューの表示について

タイトルを消してしまうと、メニューに表示されなくなるようですね

ちょっと要望と変わってしまうのですが…
CSSだけで、簡単にできる提案になります。。

【提案】ページヘッダー画像の上に薄い半透明の白色をのせて文字を見やすくする方法
※前頁のページヘッダーに薄い半透明がかかりますので、固定ページのみやりたい場合は
.page を先頭につけてみてください

.page-header{
position: relative;
}
.page-header::after {
background-color: #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
}
.page-header .container{
position: relative;
overflow: hidden;
z-index: 1000;
}

もうひとつの案は、タイトルのテキストの色を透明にするのも思いついたのですが、、
あまりよくない方法かもしれないと思い、こちらの提案をさせていただきました。

どうでしょうか、、？

• この返信は4年前にうなこが編集しました。

理想は、画像上に文字は表示させたくないのですが、やはりそれは難しいですか？

CSSで簡単に消す方法としては、テキスト色を透明にすると見た目上では消えたように見えます。
しかしながらh1のタイトルを透明にしてしまうのはSEO的にどうなのかが分からず、
他のcssでの方法をご案内しました…。

h1.page-header_pageTitle {
    color: transparent;
}

• この返信は4年前にうなこが編集しました。