Navigation Menu Button Color Change in Narrative Theme

Solved
jessjessanders
Excursionist
25 0 5

Hi all, 

I have changed the color of my navigation bar in the Narrative theme, however I can no longer see a menu icon or shop icon. 
I am hoping to change the icon color to white, or have page links displayed either side of the logo in white as an alternative. 

I have attached a screenshot of my nav bar here. 
Screen Shot 2021-02-02 at 9.11.53 am.png

To view website: 

Website: https://sharnie-**bleep**.myshopify.com/
Password: reiffa

Any help would be appreciated, thank you.

0 Likes

hi @jessjessanders the store URL is not working

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
jessjessanders
Excursionist
25 0 5

Ah, sorry! The website name changed on my post. 
I have to alter the way I type it, as the last name not allowed on here. 

https://sharnie-co cks.myshopify.com/

Just make sure there are no spaces when you enter it in. Thanks

0 Likes

This is an accepted solution.

Hi @jessjessanders can you try to add the css code into your theme.css or theme.scss.liquid under Assets?

.site-header .burger-icon{
   background-color: #fff;
}

.site-header .site-header__wrapper svg{
  fill: #fff; 
}
Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
jessjessanders
Excursionist
25 0 5

That worked perfectly! Thank you. 
Last question, upon clicking the Burger Menu Icon, the Page List and Search Bar comes up. 

How can I target the Search Bar to make it white? That would be my last question. 
Thanks for your help!

0 Likes

try this?

.navigation__search .input-group--underline{
    border-bottom-color: #fff; 
}
Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
jessjessanders
Excursionist
25 0 5

Perfect! Thank you so much.