如何隐藏移动版博客的标题？

Question

我想在我的博客的移动版本中隐藏标题（在博主上）。我在高级CSS中尝试此代码，但它无法正常工作。

  

.mobile-index-title.entry-title {display：none; }

同样，如果您对常规博客帖子执行此操作，则按照建议here

工作

Answer 1

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

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

  

.mobile-index-title.entry-title {display：none; }

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