Shopify themes, liquid, logos, and UX
In addition to this, how do I have a white logo for homepage only aswell. Thank you!
Hello @brokenbannaba
It's GemPages support team and glad to support you today.
To provide you with the most precise solution in this case, could you please share the store link?
sublimesnkrs.com
baurti
I would like to give you a solution to support you.
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid theme file.
3. Paste the below code before </body>:
{% if template contains 'index' %}
<style>
#shopify-section-header .header__icons *,
#shopify-section-header nav.header__inline-menu ul.list-menu--inline > li header-menu span,
#shopify-section-header nav.header__inline-menu ul.list-menu--inline > li header-menu svg,
#shopify-section-header nav.header__inline-menu ul.list-menu--inline > li > a span,
#shopify-section-header nav.header__inline-menu ul.list-menu--inline > li > a{
color: #ffffff;
}
#shopify-section-header nav.header__inline-menu ul.list-menu--inline > li header-menu path{ fill: #ffffff;}
</style>
{% endif %}
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Thank you so much, would you be able to help me get a white logo for homepage only too?
hey @GemPages i came across a problem as the text in the dropdown under "sneakers" appears white. Is there any way to fix this?
I checked that 1 of the code you added previously affects
you can delete this code and add my code above
Hey, i can't find where this is?
About the logo color change issue I think you should use another white logo if using css code your logo will look weird
if i do that, once i go to a different page you can't see the logo because it blends in with the back.
Hi @brokenbannaba
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid
{% if template.name == "index" %}
{% style %}
.header__menu-item{
color: red;
}
.header__active-menu-item{
color: red !important;
}
{% endstyle %}
{% endif %}
Hope this answer helps.
Best regards,
Victor | PageFly
User | RANK |
---|---|
155 | |
127 | |
81 | |
72 | |
66 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023