如何使徽标在Wordpress主题中具有响应性？

Question

我的网站www.rodharbinson.com上的徽标没有响应，因此在手机上查看时徽标太大，无法覆盖菜单和标题。其余主题都是自适应的。

我已经尝试了所有管理主题设置和一些自定义CSS代码，没有任何乐趣。

感谢您提供任何可能的修复建议。

Answer 1

您可以使用CSS媒体查询轻松地为不同屏幕控制徽标的大小， 在您的主题中使用以下CSS代码将徽标缩小到宽度小于480px的设备

@media (max-width:480px){

    #logo img{
        width: 60px;
        height: auto;
    }

}

根据您的要求更改徽标的宽度，希望对您有所帮助。

Answer 2

非常感谢Gagandeep，

该作品已得到解决，并已解决了问题。

我还发现粘贴具有不同参数的多个代码可以适用于不同的屏幕分辨率。