beyond theme how to change header navigation text and icon colours

[HIEa]

Does anyone know how i can change the colours of the icons in beyond theme to match my custom colour?

[PageFly-Henry]

Hi @HIEa 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag </body> -> save.

<style>
[data-item="nav-text"] path {

    fill: red;

}
</style>

Hope that my solution works for you.

Best regards,

Henry | PageFly

[HIEa]

Thanks Henry,

Can I add my custom colour to this?

[BSSCommerce-HDL]

Hi @HIEa, Do you want like this?

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[HIEa]

Hi Henry, I would like this colour

 

[BSSCommerce-HDL]

Hi @HIEa, Pls inset this code to custom CSS: 

svg.icon--root path {
  fill: #c1ab99 !important;
}

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[HIEa]

Thanks Henry,

Im not quite certain where I should be putting this code?

 

[HIEa · Accepted solution]

Oh this worked, thank you so much!