css - 二十四 : Hide Header Image on mobile phone

Question

我正在使用 wordpress 主题“二十十四”。我想在手机大小的屏幕上隐藏标题图片。不幸的是我不知道该怎么做。有没有人知道该怎么做？万分感谢!最好的祝愿，普拉达纳

Answer 1

您需要将媒体查询添加到您的 style.css 文件中:

@media only screen and (max-device-width : 480px) {
  #site-header > a > img {
    display: none;
  }
}

这将删除屏幕小于 481 像素的任何设备的标题图片。