如何使标题透明的黎明主题?

[Perziamalayeri]

嗨！

我是购物新手，正在尝试建立我的第一个电子商务网站。

我完全没有编程经验。

我只是想让我的头透明，这样我就可以得到我的标志在我的主页的背景图像的顶部。我用的是黎明的主题!

请帮忙

谢谢

Perzia

[PageFly-Victor]

嗨@Perziamalayeri！

这是PageFly -高级页面生成器。我很乐意给你一些建议

---->在你的主题。液态文件在你的布局文件夹

---->在标签之后添加以下样式代码和条件:

{如果template.name == 'index' %}
<时尚>
.header-wrapper {
位置:固定;
上图:0;
宽度:100%;
}

.header__menu-item， .header__active-menu-item， .header__icon .icon {
颜色:# fff
}

.header__menu-item:{徘徊
颜色:# fff;
}

> < /风格
{% endif %}

最好的祝福;

PageFly

[Perziamalayeri]

感谢您的回复和帮助!

我试过了，但还不是我想要的。查看头部发生了什么。我还添加了一个我的目标的例子(一个来自Triangle.com的例子)。

非常感谢!

Perzia

[AvadaCommerce]

嗨@Perziamalayeri，

你可以在这里查看:

请进入您的在线商店b>自定义主题:欧宝体育官网入口首页

在高级设置中，

在头设置，点击启用透明标头。

然后单击保存。

我希望这能有所帮助。

[KetanKumar · Accepted solution]

@Perziamalayeri

很抱歉你正面临这个问题，我很乐意帮助你。

欢迎来到Shopify社区!
谢谢你的好问题。

请分享您的网址，
我将检查问题并在这里提供解决方案。

[Perziamalayeri]

谢谢，但遗憾的是，在“黎明”主题中没有这个选项。

[Perziamalayeri]

谢谢Ketan !

https://perziamalayeri.myshopify.com

密码:Perzia

[Perziamalayeri]

密码:Perzia

[Perziamalayeri]

你好，我不小心按了“接受作为解决方案”，但它还没有解决。请帮帮我!

[Cedcommerce · Accepted solution]

你好@Perziamalayeri，

首先祝贺您选择Shopify作为您首选的电子商务平台。

Shopify为其零售商和商家提供了最好的社区，以快速轻松地解决他们的问题。

只要有Shopify，就会有像我们这样的专家来帮助您解决任何问题，从而使您的Shopify之旅轻松顺利。

您可以在自定义代码的帮助下修复此问题，您需要遵循以下步骤:

• 去你的Shopify管理>销售渠道>在线商店欧宝体育官网入口首页
• 主题>选择你的黎明主题>点击动作>编辑代码
• 在Sections文件夹中打开标题。液体文件。
• 将下面提供的代码粘贴到该文件的第一行代码上，并保存更改。

<时尚>

.header-wrapper {

背景:无;

边界:没有;

}

> < /风格

在桌面上查看结果:

image.png

在智能手机上查看结果:

image.png

上面的解决方案肯定会帮助你解决这个问题。

注意:如果您对液体代码有经验，建议您执行此操作，否则请聘请Shopify专家来帮助您解决此问题或与我们联系。

愿一切都好！

CedCommerce

[Perziamalayeri]

嗨！非常感谢。它工作。当我向下滚动时，我注意到它是透明的。

虽然，现在有可能在顶部获得背景图像而不是白色标题栏吗?这样我就可以看到我的图像在透明的标题下面!(参见滚动前后的示例图像)。

[Sohir]

嗨，我也达到了和你一样的结果，但努力让图像在标题下面而不是白色条。我也使用黎明主题

[Echonova]

在尝试代码后，我也有同样的问题。

[KetanKumar]

@Echonova

很抱歉你正面临这个问题，我很乐意帮助你。

欢迎来到Shopify社区!
谢谢你的好问题。

请分享您的网址，
我将检查问题并在这里提供解决方案。

[sanam19]

嗨！是否有上述请求的代码获得在顶部的背景图像，而不是白色的标题栏?我看到它被请求了，但是没有看到任何代码响应。

谢谢!