如何让徽标在我的 Wordpress 主题中响应？

Question

我的网站 www.rodharbinson.com 上的标志没有响应，所以在手机上查看时太大了，覆盖了菜单和 header。 主题的rest是响应式的。

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

感谢任何有关可能修复的建议。

Answer 1

您可以使用 css 媒体查询轻松控制不同屏幕的徽标大小，在您的主题中使用以下 css 代码以使宽度小于 480 像素的设备的徽标变小

@media (max-width:480px){

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

}

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

Answer 2

非常感谢加甘迪普，

这部作品是治疗并解决了问题。

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