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.
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
Please let me know if it works by giving it a like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Let’s create a unique website design with PageFly for free now!
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
Please let me know if it works by giving it a like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Let’s create a unique website design with PageFly for free now!
if i do that, once i go to a different page you can't see the logo because it blends in with the back.
User | RANK |
---|---|
223 | |
150 | |
61 | |
49 | |
45 |
Thanks to all Community members that participated in our inaugural 2 week AMA on the new E...
By Jacqui Mar 10, 2023Upskill and stand out with the new Shopify Foundations Certification program
By SarahF_Shopify Mar 6, 2023One of the key components to running a successful online business is having clear and co...
By Ollie Mar 6, 2023