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

Question

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

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

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

标签： csswordpressresponsivegraphical-logo

Answer 1

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

@media (max-width:480px){

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

}

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