css - ブロガーのモバイル版からタイトルを非表示にする方法は?

Question

モバイル版のブログ (ブロガー) でタイトルを非表示にしようとしています。このコードを Advanced CSS で試していますが、うまくいきません。

.mobile-index-title.entry-title { 表示: なし; }

同様に、通常のブログ投稿でそれを行うと、ここで提案されているように機能します

Answer 1

テンプレートに移動し、モバイルの下で設定ボタン (ホイールのようなもの) をクリックし、カスタムを選択して保存する必要があります。

次に、次の行を追加すると、タイトルはモバイル サイトに表示されなくなります。

.mobile-index-title.entry-title { 表示: なし; }

カスタムを選択しない場合、Blogger はモバイル モードで表示するときに高度な CSS セクションを解析しません。

Answer 2

クエリ内に配置する必要があり@mediaます。何かのようなもの

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .mobile-index-title.entry-title { display: none; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .mobile-index-title.entry-title { display: none; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .mobile-index-title.entry-title { display: none; }
}