我的网站有以下问题。在更大的屏幕（1300px宽及以上）上，标题中的我的徽标与车身“碰撞”。我已通过在“主题选项”下的“自定义CSS”字段中添加以下CSS解决了主页上的问题：

@media (min-width: 1300px) {
   #header-wrap {
      padding-top: 192px;
   }
   #logo {
      padding: 10px 0 43px 0;
      width: 80%;
   }
   #content {
      padding-top: 100px;
   }
}

不幸的是，同样的规则在其他页面上不起作用。有没有理由只在主页上应用这些规则？

@media (min-width: 1300px) {
   #header-wrap {
      padding-top: 192px!important;
   }
   #logo {
      padding: 10px 0 43px 0!important;
      width: 80%!important;
   }
   #content {
      padding-top: 100px!important;
   }
}