Articles on: Custom extensions

How to change the color of the navigation bar

This simple guide will show you how to change the color of the navigation bar to whatever you want.

Step 1

Copy this code:

  .nav-02 .nav-02__list_wrapper {
    background-color: #000;

Step 2

Paste it into your General settings > </body> custom HTML code

Step 3

Replace the color code with your own one:


Now your navigation bar has the color you specified.

Make buttons white

In addition, you can make all links and buttons on the navigation bar white . To do this kindly copy this code:

document.querySelectorAll(".nav-02 .nav-02__item > .button--black-outline, .nav-02 .buttons-set .button--black-outline, .nav-02__logo_text").forEach(item=>{

And paste it nto your Website settings > Custom code > </body> custom HTML code

Updated on: 18/12/2023

Was this article helpful?

Share your feedback


Thank you!