css - 如何隐藏移动版博主的标题？

Question

我正在尝试在我的博客的移动版本中隐藏标题（在博客上）。我正在高级 CSS 中尝试此代码，但它不起作用。

.mobile-index-title.entry-title { 显示：无；}

同样，如果您对常规博客文章这样做，它会按照此处的建议工作

Answer 1

您必须转到模板，在移动设备下单击设置按钮（轮状），然后选择自定义并保存。

然后，当您添加以下行时，您的标题将不再出现在移动网站上：

.mobile-index-title.entry-title { 显示：无；}

如果您不选择自定义，则博客在移动模式下显示时不会解析您的高级 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; }
}