jquery - 如何调整移动版wordpress网站的logo大小？

Question

我一直在尝试调整在手机上查看时我们网站 (https://jodhpurhomeservices.com/) 的 Logo 大小，但似乎没有任何代码起作用。我尝试了不同的版本，但无济于事:

@media (max-width: 360px) {
    .site-branding img {
        max-width: 50%;
        max-height: 50%;
    }
}    

我不确定要调整什么或应该使用哪个 CSS 代码？而且我真的不想在桌面 View 上更改任何内容。只是移动。

将不胜感激任何反馈。

Answer 1

您的网站似乎使用了优化插件，请考虑在将您的 CSS 代码添加到自定义 CSS 部分或主题的 CSS 文件后清除缓存以查看效果。

你只需要定义宽度或最大宽度，高度可以自动处理。

@media (max-width: 360px) {
    .site-branding img {
        max-width: 50%;
        height: auto;
    }
}