徽标调整大小 - 移动版

Question

我正在尝试仅在移动版本上更改我的网站 (www.skyrox.pl) 上的徽标大小。

我正在尝试使用此代码，但它似乎不起作用。

@media (max-width: 360px) {
    .header-main .logo {
        max-width: 50%;
        max-height: auto;
    }
}

在 WP 自定义实用程序中添加额外的 CSS。

Answer 1

应用CSS时针对img标签并增加移动视图宽度：

@media (max-width: 768px) {
  .header-main .logo img {
    max-width: 50%;
    max-height: 50px; /* Change as per needed */
 }
}

如果仍然无法正常工作，请尝试使用！重要提示：

@media (max-width: 768px) {
  .header-main .logo img {
    max-width: 50% !important;
    max-height: 50px; /* Change as per needed */
 }
}