FROM CACHE - en_header

Using the Narrative Theme: I can't figure out how to change the menu and home button color.

Solved
JamesRV
New Member
4 0 0

I can't figure out how to change the color of the menu and home button on the narrative theme on the home page of my site. I can change everything else to the light blue but the green sticks around for some reason. What I have circled in red is what I am trying to change.

 

store color issue.JPG

 

Anyone have any ideas?

Accepted Solution (1)

Accepted Solutions
ZestardTech
Shopify Expert
3562 589 825

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.


html:not(.supports-no-js) body:not(.navigation-open) .site-header--transparent:not(.site-header--fixed) .burger-icon {
background-color: #56e80b!important;
}
a.site-header__logo {
color: #56e80b!important;
}
html:not(.supports-no-js) body:not(.navigation-open) .site-header--transparent:not(.site-header--fixed) .site-header__cart .icon, html:not(.supports-no-js) body:not(.navigation-open) .site-header--transparent:not(.site-header--fixed) .site-header__bag .icon {
fill: #56e80b!important;
}

Screenshot :- https://prnt.sc/100hw7h

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 3 (3)
ZestardTech
Shopify Expert
3562 589 825

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.


html:not(.supports-no-js) body:not(.navigation-open) .site-header--transparent:not(.site-header--fixed) .burger-icon {
background-color: #56e80b!important;
}
a.site-header__logo {
color: #56e80b!important;
}
html:not(.supports-no-js) body:not(.navigation-open) .site-header--transparent:not(.site-header--fixed) .site-header__cart .icon, html:not(.supports-no-js) body:not(.navigation-open) .site-header--transparent:not(.site-header--fixed) .site-header__bag .icon {
fill: #56e80b!important;
}

Screenshot :- https://prnt.sc/100hw7h

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
MS-WEB-DESIGNER
Shopify Partner
3012 181 488

Dear @JamesRV 

We will be happy to help you. Please contact at task4store@mswebdesigner.com

Click Here to Hire Shopify Store Customization Experts
Boost Conversions & Average Order Value with this
Best App for Sticky Add To Cart
JamesRV
New Member
4 0 0

Absolute legend. Thank you so much for your help!