Load different logo on mobile

时间:2021-11-17 作者:Corn

我正在为一家慈善机构创建一个网站,但没有太多经验。

如果您在桌面上查看网站(https://walkministries.org.uk/newsite/) 标志为浅灰色背景上的蓝色。

但当您切换到移动时,徽标会移动到不同的标题区域。在手机上,它加载到蓝色背景上。这会使徽标消失,因为它的颜色与背景色相同。

是否有方法为移动/响应型加载不同版本的徽标?我有一个浅/白色版本的徽标,当你在手机上滚动时,它会以粘滞模式显示。它只是不会在您第一次在移动设备上加载页面时加载该徽标
我似乎无法从主题创建者那里获得帮助。

非常感谢。

我需要帮助的页面:https://walkministries.org.uk/newsite/

1 个回复
SO网友:zipal_

似乎您选择了不正确的“;“light徽标”;用于移动视图。当我检查代码时,注意到;“light徽标”;实际上是黑暗的!把那个标志换成白色,应该就好了。

如果您不想玩弄主题设置,只需转到wp admin>;外观(>);定制者>;自定义CSS并在下面添加并保存。

@media(max-width: 1199px) {
    body.switchable-logo header#header .menuzord-brand .logo-light.logo-1x {
        display: none;
    }

    body.switchable-logo header#header .menuzord-brand .logo-dark.logo-2x.retina {
        display: block;
    }
}

相关推荐

How to unpixelate logo?

我现在有了“萨亚”这个主题,但网上没有太多关于它的内容(很难导航!)。我添加了一个个人徽标,它真的是像素化的-有没有办法解决这个问题?链接:doseofjoyblog。com公司此外,寻找类似于saaya但有更多在线支持的主题推荐!谢谢